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 form action动态修改方法
Nov 04 Javascript
DB.ASP 用Javascript写ASP很灵活很好用很easy
Jul 31 Javascript
JS实现超简单的鼠标拖动效果
Nov 02 Javascript
JS实现类似51job上的地区选择效果示例
Nov 17 Javascript
前端开发之CSS原理详解
Mar 11 Javascript
js禁止Backspace键使浏览器后退的实现方法
Sep 01 Javascript
Node.js dgram模块实现UDP通信示例代码
Sep 26 Javascript
详解用Webpack与Babel配置ES6开发环境
Mar 12 Javascript
IE浏览器下JS脚本提交表单后,不能自动提示问题解决方法
Jun 04 Javascript
基于JavaScript 实现拖放功能
Sep 12 Javascript
Vuex模块化应用实践示例
Feb 03 Javascript
如何基于layui的laytpl实现数据绑定的示例代码
Apr 10 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常用函数小技巧
2008/09/11 PHP
php中inlcude()性能对比详解
2012/09/16 PHP
PHP实现数据库的增删查改功能及完整代码
2018/04/18 PHP
PHP通过curl获取接口URL的数据方法
2018/05/31 PHP
javascript中获取选中对象的类型
2007/04/02 Javascript
使用GruntJS构建Web程序之安装篇
2014/06/04 Javascript
JavaScript中的数学运算介绍
2014/12/29 Javascript
JS基于面向对象实现的放烟花效果
2015/05/07 Javascript
react native仿微信PopupWindow效果的实例代码
2017/08/07 Javascript
jQuery实现点击旋转,再点击恢复初始状态动画效果示例
2018/12/11 jQuery
Vue中axios的封装(报错、鉴权、跳转、拦截、提示)
2019/08/20 Javascript
vue计算属性+vue中class与style绑定(推荐)
2020/03/30 Javascript
JavaScript隐式类型转换代码实例
2020/05/29 Javascript
js实现简单音乐播放器
2020/06/30 Javascript
python psutil库安装教程
2018/03/19 Python
python 显示数组全部元素的方法
2018/04/19 Python
python矩阵转换为一维数组的实例
2018/06/05 Python
基于pandas将类别属性转化为数值属性的方法
2018/07/25 Python
解决pycharm的Python console不能调试当前程序的问题
2019/01/20 Python
Python基础学习之函数方法实例详解
2019/06/18 Python
python视频按帧截取图片工具
2019/07/23 Python
阿里云ECS服务器部署django的方法
2019/08/29 Python
浅谈pycharm使用及设置方法
2019/09/09 Python
python-xpath获取html文档的部分内容
2020/03/06 Python
Python按照list dict key进行排序过程解析
2020/04/04 Python
JupyterNotebook 输出窗口的显示效果调整实现
2020/09/22 Python
西班牙电子产品购物网站:Electronicamente
2018/07/26 全球购物
荷兰最大的多品牌男装连锁店:Adam Brandstore
2019/12/31 全球购物
俄罗斯在线大型超市:ТутПросто
2021/01/08 全球购物
医学检验专业个人求职信范文
2013/12/04 职场文书
成语的广告词
2014/03/19 职场文书
医德医风自我评价
2014/09/19 职场文书
毕业纪念册寄语大全
2015/02/26 职场文书
世界气象日活动总结
2015/02/27 职场文书
小学三年级班主任工作经验交流材料
2015/11/02 职场文书
了解Kubernetes中的Service和Endpoint
2022/04/01 Servers