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获取鼠标点击元素对象(示例代码)
Dec 20 Javascript
以Python代码实例展示kNN算法的实际运用
Oct 26 Javascript
JavaScript字符串删除重复字符的方法
Dec 25 Javascript
下雪了 javascript实现雪花飞舞
Aug 02 Javascript
好好了解一下Cookie(强烈推荐)
Jun 14 Javascript
Json对象和字符串互相转换json数据拼接和JSON使用方式详细介绍(小结)
Oct 25 Javascript
分享十三个最佳JavaScript数据网格库
Apr 07 Javascript
JavaScript设计模式之代理模式详解
Jun 09 Javascript
get  post jsonp三种数据交互形式实例详解
Aug 25 Javascript
JS数组扁平化(flat)方法总结详解
Jun 24 Javascript
vue中动态select的使用方法示例
Oct 28 Javascript
JS变量提升原理与用法实例浅析
May 22 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
解决phpmyadmin 乱码,支持gb2312和utf-8
2006/11/20 PHP
PHP分页显示制作详细讲解
2006/12/05 PHP
PHP中字符与字节的区别及字符串与字节转换示例
2016/10/15 PHP
Laravel5.5 视图 - 创建视图和数据传递示例
2019/10/21 PHP
php下的原生ajax请求用法实例分析
2020/02/28 PHP
动态改变textbox的宽高的js
2006/10/26 Javascript
js保存当前路径(cookies记录)
2010/12/14 Javascript
JavaScript 高级篇之函数 (四)
2012/04/07 Javascript
JavaScript二维数组实现的省市联动菜单
2014/05/08 Javascript
js实现背景图片感应鼠标变化的方法
2015/02/28 Javascript
Java File类的常用方法总结
2015/03/18 Javascript
jQuery鼠标悬浮链接弹出跟随图片实例代码
2016/01/08 Javascript
jquery datatable服务端分页
2016/08/31 Javascript
基于jQuery实现滚动刷新效果
2017/01/09 Javascript
Vue项目History模式404问题解决方法
2018/10/31 Javascript
js 将线性数据转为树形的示例代码
2019/05/28 Javascript
JavaScript中reduce()的5个基本用法示例
2020/07/19 Javascript
vue中解决拖拽改变存在iframe的div大小时卡顿问题
2020/07/22 Javascript
[01:31:03]DOTA2完美盛典全回顾 见证十五项大奖花落谁家
2017/11/28 DOTA
phpsir 开发 一个检测百度关键字网站排名的python 程序
2009/09/17 Python
Python中MYSQLdb出现乱码的解决方法
2014/10/11 Python
Python中的日期时间处理详解
2016/11/17 Python
完美解决Pycharm无法导入包的问题 Unresolved reference
2018/05/18 Python
python调用OpenCV实现人脸识别功能
2018/05/25 Python
Python判断一个list中是否包含另一个list全部元素的方法分析
2018/12/24 Python
python对绑定事件的鼠标、按键的判断实例
2019/07/17 Python
通过selenium抓取某东的TT购买记录并分析趋势过程解析
2019/08/15 Python
解决jupyter notebook打不开无反应 浏览器未启动的问题
2020/04/10 Python
python线程池如何使用
2020/05/28 Python
pandas 数据类型转换的实现
2020/12/29 Python
Auchan Direct波兰:欧尚在线杂货店
2016/10/19 全球购物
数控专业大学生的自我鉴定
2013/11/13 职场文书
公司优秀员工获奖感言
2014/08/14 职场文书
公司员工安全协议书
2014/11/21 职场文书
vue Element-ui表格实现树形结构表格
2021/06/07 Vue.js
mysql事务隔离级别详情
2021/10/24 MySQL