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 相关文章推荐
密码强度检测效果实现原理与代码
Jan 04 Javascript
基于jquery实现简单的分页控件
Mar 17 Javascript
逻辑表达式中与或非的用法详解
Jun 06 Javascript
jQuery实现手机号正则验证输入及自动填充空格功能
Jan 02 jQuery
vue 实现全选全不选的示例代码
Mar 29 Javascript
jQuery实现带右侧索引功能的通讯录示例【附源码下载】
Apr 17 jQuery
详解angular部署到iis出现404解决方案
Aug 14 Javascript
解决vue中修改export default中脚本报一大堆错的问题
Aug 27 Javascript
实例讲解JavaScript预编译流程
Jan 24 Javascript
javascript中floor使用方法总结
Feb 02 Javascript
ES6知识点整理之对象解构赋值应用示例
Apr 17 Javascript
Node与Python 双向通信的实现代码
Jul 16 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 Undefined index报错的修复方法
2011/07/17 PHP
php用ini_get获取php.ini里变量值的方法
2015/03/04 PHP
php实现比较全的数据库操作类
2015/06/18 PHP
php通过排列组合实现1到9数字相加都等于20的方法
2015/08/03 PHP
centos 7.2下搭建LNMP环境教程
2016/11/20 PHP
PHP+redis实现的悲观锁机制示例
2018/06/12 PHP
JavaScript中自定义事件用法分析
2014/12/23 Javascript
Web表单提交之disabled问题js解决方法
2015/01/13 Javascript
函数window.open实现关闭所有的子窗口
2015/08/03 Javascript
JavaScript操作URL的相关内容集锦
2015/10/29 Javascript
jQuery实现的超链接提示效果示例【附demo源码下载】
2016/09/09 Javascript
Vue组件开发技巧总结
2018/03/04 Javascript
layui实现把数据表格时间戳转换为时间格式的例子
2019/09/12 Javascript
[10:39]DOTA2上海特级锦标赛音乐会纪录片
2016/03/21 DOTA
跟老齐学Python之list和str比较
2014/09/20 Python
python实现向ppt文件里插入新幻灯片页面的方法
2015/04/28 Python
pandas 按照特定顺序输出的实现代码
2018/07/10 Python
PyQt弹出式对话框的常用方法及标准按钮类型
2019/02/27 Python
如何在vscode中安装python库的方法步骤
2021/01/06 Python
利用css3实现的简单的鼠标悬停按钮
2014/11/04 HTML / CSS
CSS3中媒体查询结合rem布局适配手机屏幕
2019/06/10 HTML / CSS
html5 兼容IE6结构的实现代码
2012/05/14 HTML / CSS
德国奢侈品网上商城:Mytheresa
2016/08/24 全球购物
西班牙宠物用品和食品网上商店:Tiendanimal
2019/06/06 全球购物
英国买鞋网站:Charles Clinkard
2019/11/14 全球购物
Deichmann英国:德国鞋类零售商
2021/01/30 全球购物
如何获得EntityManager
2014/02/09 面试题
金融专业应届生求职信
2013/11/02 职场文书
缴纳养老保险的证明
2014/01/10 职场文书
超市活动计划书
2014/04/24 职场文书
八荣八耻的活动方案
2014/08/16 职场文书
2014优秀大学生简历自我评价
2014/09/15 职场文书
摘录式读书笔记
2015/07/01 职场文书
2015年董事长秘书工作总结
2015/07/23 职场文书
上级领导检查欢迎词
2015/09/30 职场文书
你知道Java Spring的两种事务吗
2022/03/16 Java/Android