Thinkjs3新手入门之添加一个新的页面


Posted in Javascript onDecember 06, 2017

前言

ThinkJS 是一款拥抱未来的 Node.js Web 框架,致力于集成项目最佳实践,规范项目让企业级团队开发变得更加简单,更加高效。

目前该版本已经在线上多个项目中使用,简单一个命令就可以让你下载使用它:

npm install -g think-cli

本文将帮助大家往Thinkjs3中添加一个新的页面,没有原理描述,只提供给入门者一个感性认识。

0x0 首先需要一个Thinkjs3项目

我们创建一个叫做1uck的项目

$ thinkjs new 1uck
$ cd ./1uck
$ npm install
$ npm start

0x1 在该目录下通过命令向项目添加模块

通过thinkjs命令行工具,添加模块1hit的model(模型)文件 和 controller(控制器)文件。

这些命令将会往项目的src/controller和src/model中添加1hit模块所需要的文件。

$ thinkjs model 1hit
$ thinkjs controller 1hit

此时访问http://127.0.0.1:8360/1hit将会有如下错误提示。

她说没有找到对应的View(视图)文件。

Thinkjs3新手入门之添加一个新的页面

0x2 那么我们乖乖地去添加就好了

$ cd view
$ touch 1hit_index.html
$ echo 'fuck' > 1hit_index.html

解释:

  • cd进入了项目的view(视图)目录。
  • touch新建了1hit_index.html文件。
  • echo配合>完成了往1hit_index.html中写入字符。

此时访问http://127.0.0.1:8360/1hit,就可以看到她在骂人了。

Thinkjs3新手入门之添加一个新的页面

0xSegmentFuck 感性认识

  • thinkjs命令行工具很强大。
  • thinkjs项目的URL结构似乎像是 项目域名/模块名
  • thinkjs项目中的模块的默认(index)视图,以模块名_index.html放在view文件夹中。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
js将json格式内容转换成对象的方法
Nov 01 Javascript
JavaScritp添加url参数并将参数加入到url中及更改url参数的方法
Oct 26 Javascript
完美解决IE9浏览器出现的对象未定义问题
Sep 29 Javascript
KnockoutJS 3.X API 第四章之数据控制流component绑定
Oct 10 Javascript
Vue.JS入门教程之处理表单
Dec 01 Javascript
ajax分页效果(bootstrap模态框)
Jan 23 Javascript
Vue.js原理分析之observer模块详解
Feb 17 Javascript
js实现日历与定时器
Feb 22 Javascript
从零学习node.js之express入门(六)
Feb 25 Javascript
Vue.use源码分析
Apr 22 Javascript
JQuery插件tablesorter表格排序实现过程解析
May 28 jQuery
vue 虚拟DOM的原理
Oct 03 Javascript
vue 实现 ios 原生picker 效果及实现思路解析
Dec 06 #Javascript
微信小程序实现点击按钮修改文字大小功能【附demo源码下载】
Dec 06 #Javascript
基于Vue2的独立构建与运行时构建的差别(详解)
Dec 06 #Javascript
js 两数组去除重复数值的实例
Dec 06 #Javascript
js 提取某()特殊字符串长度的实例
Dec 06 #Javascript
React-Router如何进行页面权限管理的方法
Dec 06 #Javascript
移动前端图片压缩上传的实例
Dec 06 #Javascript
You might like
php 进度条实现代码
2009/03/10 PHP
php 图片上添加透明度渐变的效果
2009/06/29 PHP
php生成毫秒时间戳的实例讲解
2017/09/22 PHP
PHP-FPM的配置与优化讲解
2019/03/15 PHP
解决laravel id非自增 模型取回为0 的问题
2019/10/11 PHP
将字符串转换成gb2312或者utf-8编码的参数(js版)
2013/04/10 Javascript
JavaScript实现的使用键盘控制人物走动实例
2014/08/27 Javascript
JavaScript比较当前时间是否在指定时间段内的方法
2016/08/02 Javascript
浅析ES6的八进制与二进制整数字面量
2016/08/30 Javascript
总结Javascript中数组各种去重的方法
2016/10/04 Javascript
实例分析浏览器中“JavaScript解析器”的工作原理
2016/12/12 Javascript
JavaScript自动点击链接 防止绕过浏览器访问的方法
2017/01/19 Javascript
angularjs实现对表单输入改变的监控(ng-change和watch两种方式)
2018/08/29 Javascript
vue.js的双向数据绑定Object.defineProperty方法的神奇之处
2019/01/18 Javascript
node命令行工具之实现项目工程自动初始化的标准流程
2019/08/12 Javascript
Python爬取国外天气预报网站的方法
2015/07/10 Python
python字符串str和字节数组相互转化方法
2017/03/18 Python
Python变量和字符串详解
2017/04/29 Python
Python进程间通信之共享内存详解
2017/10/30 Python
Python中按键来获取指定的值
2019/03/02 Python
django之对FileField字段的upload_to的设定方法
2019/07/28 Python
HTML5中form如何关闭自动完成功能的方法
2018/07/02 HTML / CSS
罗德与泰勒百货官网:Lord & Taylor
2016/08/12 全球购物
AMAVII眼镜官网:时尚和设计师太阳镜
2019/05/05 全球购物
美国婴儿和儿童服装购物网站:PatPat
2020/10/01 全球购物
第一范式(1NF)、第二范式(2NF)和第三范式(3NF)之间的区别是什么?
2016/04/28 面试题
医药代表个人的求职信分享
2013/12/08 职场文书
销售演讲稿范文
2014/01/08 职场文书
采购求职信
2014/03/17 职场文书
2014年医学生毕业自我鉴定
2014/03/26 职场文书
廉政教育的心得体会
2014/09/01 职场文书
公司周年庆典标语
2014/10/07 职场文书
学院党的群众路线教育实践活动第一阶段情况汇报
2014/10/25 职场文书
2016廉洁教育心得体会
2016/01/20 职场文书
《确定位置》教学反思
2016/02/18 职场文书
草系十大最强宝可梦,纸片人上榜,榜首大家最熟悉
2022/03/18 日漫