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 相关文章推荐
javascript Excel操作知识点
Apr 24 Javascript
JavaScript页面刷新与弹出窗口问题的解决方法
Mar 02 Javascript
JS 在指定数组中随机取出N个不重复的数据
Jun 10 Javascript
javascript中使用正则表达式清理table样式的代码
Apr 01 Javascript
AngularJS向后端ASP.NET API控制器上传文件
Feb 03 Javascript
Angular2表单自定义验证器的实现
Oct 19 Javascript
详解如何使用vue-cli脚手架搭建Vue.js项目
May 19 Javascript
JS去掉字符串前后空格、阻止表单提交的实现代码
Jun 08 Javascript
基于angular实现模拟微信小程序swiper组件
Jun 11 Javascript
javaScript中"=="和"==="的区别详解
Mar 16 Javascript
vue中rem的配置的方法示例
Aug 30 Javascript
Vue 监听元素前后变化值实例
Jul 29 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实现AES256加密算法实例
2014/09/22 PHP
详解WordPress开发中的get_post与get_posts函数使用
2016/01/04 PHP
php对接java现实加签验签的实例
2016/11/25 PHP
PHP实现小程序批量通知推送
2018/11/27 PHP
PHP使用PDO操作sqlite数据库应用案例
2019/03/07 PHP
PHP时间函数使用详解
2019/03/21 PHP
js实现兼容IE6与IE7的DIV高度
2010/05/13 Javascript
去掉gridPanel表头全选框的小例子
2013/07/18 Javascript
JavaScript加入收藏夹功能(兼容IE、firefox、chrome)
2014/05/05 Javascript
JavaScript的9种继承实现方式归纳
2015/05/18 Javascript
jQuery实现平滑滚动页面到指定锚点链接的方法
2015/07/15 Javascript
jquery easyui validatebox remote的使用详解
2016/11/09 Javascript
获取今天,昨天,本周,上周,本月,上月时间(实例分享)
2017/01/04 Javascript
原生js仿浏览器滚动条效果
2017/03/02 Javascript
js获取当前周、上一周、下一周日期
2017/03/19 Javascript
jQuery中的deferred对象和extend方法详解
2017/05/08 jQuery
angular select 默认值设置方法
2017/06/23 Javascript
label+input实现按钮开关切换效果的实例
2017/08/16 Javascript
小程序实现锚点滑动效果
2019/09/23 Javascript
Vue通过WebSocket建立长连接的实现代码
2019/11/05 Javascript
taro小程序添加骨架屏的实现代码
2019/11/15 Javascript
Vue.js实现可编辑的表格
2019/12/11 Javascript
python基础while循环及if判断的实例讲解
2017/08/25 Python
Django基础知识与基本应用入门教程
2018/07/20 Python
python读取目录下最新的文件夹方法
2018/12/24 Python
python selenium 执行完毕关闭chromedriver进程示例
2019/11/15 Python
阿联酋航空官方网站:Emirates
2017/10/17 全球购物
翻新二手苹果产品的网络领导者:Mac of all Trades
2017/12/19 全球购物
请说出这段代码执行后a和b的值分别是多少
2015/03/28 面试题
工商管理专业实习大学生自我鉴定
2013/09/19 职场文书
大学生实习自我鉴定
2013/12/11 职场文书
2014幼儿园中班工作总结
2014/11/10 职场文书
2014年环境卫生工作总结
2014/11/24 职场文书
2015年度党员个人总结
2015/02/14 职场文书
浅谈Python数学建模之数据导入
2021/06/23 Python
PHP设计模式(观察者模式)
2021/07/07 PHP