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 相关文章推荐
jquery 页面全选框实践代码
Apr 02 Javascript
Javascript的数组与字典用法与遍历对象的属性技巧
Nov 07 Javascript
简略说明Javascript中的= =(等于)与= = =(全等于)区别
Apr 16 Javascript
Jquery的hide及toggle方法让超链接慢慢消失
Sep 06 Javascript
JSON传递bool类型数据的处理方式介绍
Sep 18 Javascript
JS中window.open全屏命令解析及使用示例
Dec 11 Javascript
jquery中push()的用法(数组添加元素)
Nov 25 Javascript
JS实现至少包含字母、大小写数字、字符的密码等级的两种方法
Feb 03 Javascript
javascript跨域方法、原理以及出现问题解决方法(详解)
Aug 06 Javascript
AngularJs directive详解及示例代码
Sep 01 Javascript
微信禁止下拉查看URL的处理方法
Sep 28 Javascript
Vue3 实现双盒子定位Overlay的示例
Dec 22 Vue.js
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
使用php4加速网络传输
2006/10/09 PHP
Discuz!5的PHP代码高亮显示插件(黑暗中的舞者更新)
2007/01/29 PHP
php实现按照权重随机排序数据的方法
2015/01/09 PHP
php技术实现加载字体并保存成图片
2015/07/27 PHP
YII Framework框架教程之安全方案详解
2016/03/14 PHP
详解PHP用substr函数截取字符串中的某部分
2016/12/03 PHP
Laravel路由研究之domain解决多域名问题的方法示例
2019/04/04 PHP
laravel框架使用阿里云短信发送消息操作示例
2020/02/15 PHP
JavaScript Event学习第三章 早期的事件处理程序
2010/02/07 Javascript
js 输出内容到新窗口具体实现代码
2013/05/31 Javascript
js获得网页背景色和字体色的方法
2014/03/21 Javascript
javascript跨域的4种方法和原理详解
2014/04/08 Javascript
JavaScript是如何实现继承的(六种方式)
2016/03/31 Javascript
JavaScript中捕获/阻止捕获、冒泡/阻止冒泡方法
2016/12/07 Javascript
angular实现form验证实例代码
2017/01/17 Javascript
javascript判断元素存在和判断元素存在于实时的dom中的方法
2017/01/17 Javascript
BootStrap 动态表单效果
2017/06/02 Javascript
动态Axios的配置步骤详解
2018/01/12 Javascript
vue项目部署到nginx/tomcat服务器的实现
2019/08/26 Javascript
Openlayers绘制聚合标注
2020/09/28 Javascript
jQuery实现本地存储
2020/12/22 jQuery
Python简单获取自身外网IP的方法
2016/09/18 Python
python用pickle模块实现“增删改查”的简易功能
2017/06/07 Python
Python实现好友全头像的拼接实例(推荐)
2017/06/24 Python
python爬取指定微信公众号文章
2018/12/20 Python
使用PyQt5实现图片查看器的示例代码
2020/04/21 Python
python多线程实现同时执行两个while循环的操作
2020/05/02 Python
HTML5 文件域+FileReader 分段读取文件并上传到服务器
2017/10/23 HTML / CSS
英国口碑最好的的维他命胶囊品牌:Myvitamins(有中文站)
2016/12/03 全球购物
夏尔巴人登珠峰品牌:Sherpa Adventure Gear
2018/02/08 全球购物
婚礼司仪主持词
2014/03/14 职场文书
土建专业大学生自荐信范文
2014/04/09 职场文书
家长建议怎么写
2014/05/15 职场文书
计算机毕业生求职信
2014/06/10 职场文书
七年级作文(600字3篇)
2019/09/24 职场文书
background-position百分比原理详解
2021/05/08 HTML / CSS