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控制文本框textarea输入字数限制的方法
Jun 17 Javascript
js实现屏幕自适应局部代码分享
Jan 30 Javascript
JavaScript中Math.SQRT2属性的使用详解
Jun 14 Javascript
浏览器环境下JavaScript脚本加载与执行探析之defer与async特性
Jan 14 Javascript
AngularJS基础 ng-include 指令示例讲解
Aug 01 Javascript
js判断是否是手机页面
Mar 17 Javascript
JS中把函数作为另一函数的参数传递方法(总结)
Jun 28 Javascript
Angular实现图片裁剪工具ngImgCrop实践
Aug 17 Javascript
node.js的exports、module.exports与ES6的export、export default深入详解
Oct 26 Javascript
详解vue mixins和extends的巧妙用法
Dec 20 Javascript
vue的mixins属性详解
Mar 14 Javascript
JavaScript实现的开关灯泡点击切换特效示例
Jul 08 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
Android ProgressBar进度条和ProgressDialog进度框的展示DEMO
2013/06/19 PHP
2014过年倒计时示例
2014/01/31 PHP
将php数组输出html表格的方法
2014/02/24 PHP
php隐藏IP地址后两位显示为星号的方法
2014/11/21 PHP
php异步:在php中使用fsockopen curl实现类似异步处理的功能方法
2016/12/10 PHP
PHP实现的pdo连接数据库并插入数据功能简单示例
2019/03/30 PHP
在laravel中实现ORM模型使用第二个数据库设置
2019/10/24 PHP
JQuery下关于$.Ready()的分析
2009/12/13 Javascript
js 延迟加载 改变JS的位置加快网页加载速度
2012/12/11 Javascript
Thinkphp模板没有解析直接原样输出的解决方法
2014/10/31 Javascript
html的DOM中document对象anchors集合用法实例
2015/01/21 Javascript
JavaScript实现添加及删除事件的方法小结
2015/08/04 Javascript
jQuery基于ajax实现星星评论代码
2015/08/07 Javascript
网页从弹窗页面单选框传值至父页面代码分享
2015/09/29 Javascript
node.js文件上传处理示例
2016/10/27 Javascript
jQuery和CSS仿京东仿淘宝列表导航菜单
2017/01/04 Javascript
JavaScript ES6中const、let与var的对比详解
2017/06/18 Javascript
AngularJS使用ocLazyLoad实现js延迟加载
2017/07/05 Javascript
小程序ios音频播放没声音问题的解决
2018/07/11 Javascript
Layui组件Table绑定行点击事件和获取行数据的方法
2018/08/19 Javascript
vue 实现路由跳转时更改页面title
2019/11/05 Javascript
js中switch语句的学习笔记
2020/03/25 Javascript
使用Typescript和ES模块发布Node模块的方法
2020/05/25 Javascript
Vue移动端用淘宝弹性布局lib-flexible插件做适配的方法
2020/05/26 Javascript
JavaScript中数组去重的5种方法
2020/07/04 Javascript
Antd下拉选择,自动匹配功能的实现
2020/10/24 Javascript
[55:42]VG vs VGJ.T 2018国际邀请赛淘汰赛BO1 8.21
2018/08/22 DOTA
Python实现的企业粉丝抽奖功能示例
2019/07/26 Python
python实现多进程按序号批量修改文件名的方法示例
2019/12/30 Python
python连接mysql数据库并读取数据的实现
2020/09/25 Python
python 实现控制鼠标键盘
2020/11/27 Python
Html5页面在微信端的分享的实现方法
2018/08/30 HTML / CSS
美国翻新电子产品商店:The Store
2019/10/08 全球购物
人事主管岗位职责
2014/01/30 职场文书
元旦晚会邀请函
2014/02/01 职场文书
大学生社会实践活动总结
2014/07/03 职场文书