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 setCapture 区域外事件捕捉
Mar 18 Javascript
二叉树先序遍历的非递归算法具体实现
Jan 09 Javascript
js获取指定的cookie的具体实现
Feb 20 Javascript
jQuery实现复选框全选/取消全选/反选及获得选择的值
Jun 12 Javascript
JS实现模拟百度搜索“2012世界末日”网页地震撕裂效果代码
Oct 31 Javascript
jQuery点击其他地方时菜单消失的实现方法
Apr 22 Javascript
BootStrap Table 设置height表头与内容无法对齐的问题
Dec 28 Javascript
jQuery时间验证和转换为标准格式的时间格式
Mar 06 Javascript
js判断用户是输入的地址请求的路径(实例讲解)
Jul 18 Javascript
Vue实现Layui的集成方法步骤
Apr 10 Javascript
Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem)
Apr 27 Javascript
React实现全选功能
Aug 25 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 Mysql编程之高级技巧
2008/08/27 PHP
PHP 进程锁定问题分析研究
2009/11/24 PHP
PHP取整数函数常用的四种方法小结
2012/07/05 PHP
解析posix与perl标准的正则表达式区别
2013/06/17 PHP
PHP中多维数组的foreach遍历示例
2014/06/13 PHP
php出现web系统多域名登录失败的解决方法
2014/09/30 PHP
thinkphp数据查询和遍历数组实例
2014/11/28 PHP
PHP使用PDO实现mysql防注入功能详解
2019/12/20 PHP
PHP接入支付宝接口失效流程详解
2020/11/10 PHP
基于jquery的checkbox下拉框插件代码
2010/06/25 Javascript
基于jQuery的自动完成插件
2011/02/03 Javascript
jquery使用ajax实现微信自动回复插件
2014/04/28 Javascript
Javascript 多物体运动的实现
2014/12/24 Javascript
JavaScript学习笔记之JS事件对象
2015/01/22 Javascript
javascript每日必学之运算符
2016/02/16 Javascript
js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法
2016/08/25 Javascript
AngularJs IE Compatibility 兼容老版本IE
2016/09/01 Javascript
Vuejs第十一篇组件之slot内容分发实例详解
2016/09/09 Javascript
jQuery表单验证简单示例
2016/10/17 Javascript
解析Vue2.0双向绑定实现原理
2017/02/23 Javascript
jQuery判断网页是否已经滚动到浏览器底部的实现方法
2017/10/27 jQuery
JavaScript实现全选取消效果
2017/12/14 Javascript
NestJs使用Mongoose对MongoDB操作的方法
2021/02/22 Javascript
django manage.py扩展自定义命令方法
2018/05/27 Python
python 自动批量打开网页的示例
2019/02/21 Python
Python计算机视觉里的IOU计算实例
2020/01/17 Python
html5 标签
2009/07/16 HTML / CSS
html5 自定义播放器核心代码
2013/12/20 HTML / CSS
ruby如何进行集成操作?Ruby能进行多重继承吗?
2013/10/16 面试题
师范大学毕业自我鉴定
2013/11/21 职场文书
《彩色世界》教学反思
2014/04/12 职场文书
《庐山的云雾》教学反思
2014/04/22 职场文书
外贸采购员岗位职责
2015/04/03 职场文书
python基础之停用词过滤详解
2021/04/21 Python
Python 实现Mac 屏幕截图详解
2021/10/05 Python
“鬼灭之刃”热度不减,其成功背后的原因是什么?
2022/03/22 日漫