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 相关文章推荐
经验几则 推荐
Sep 05 Javascript
jquery 学习之一 对象访问
Nov 23 Javascript
jQuery阻止同类型事件小结
Apr 19 Javascript
javascript弹出层输入框(示例代码)
Dec 11 Javascript
用js替换除数字与逗号以外的所有字符的代码
Jun 07 Javascript
JS/Jquery判断对象为空的方法
Jun 11 Javascript
AngularJs Understanding the Controller Component
Sep 02 Javascript
JavaScript数组操作详解
Feb 04 Javascript
javascript 中iframe高度自适应(同域)实例详解
May 16 Javascript
Vue基础学习之项目整合及优化
Jun 02 Javascript
js 实现watch监听数据变化的代码
Oct 13 Javascript
微信小程序实现文件预览
Oct 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
Linux fgetcsv取得的数组元素为空字符串的解决方法
2011/11/25 PHP
apache中为php 设置虚拟目录
2014/12/17 PHP
PHP+MYSQL中文乱码问题
2015/07/01 PHP
WordPress中Gravatar头像缓存到本地及相关优化的技巧
2015/12/19 PHP
Zend Framework教程之Zend_Db_Table表关联实例详解
2016/03/23 PHP
php实现留言板功能(会话控制)
2017/05/23 PHP
PHP设计模式之迭代器模式Iterator实例分析【对象行为型】
2020/04/26 PHP
datePicker——日期选择控件(with jquery)
2007/02/20 Javascript
jquery实现div拖拽宽度示例代码
2013/07/31 Javascript
jQuery中:selected选择器用法实例
2015/01/04 Javascript
jQuery超简单选项卡完整实例
2015/09/26 Javascript
详解js实现线段交点的三种算法
2016/08/09 Javascript
jquery点击展示与隐藏更多内容
2016/12/03 Javascript
vue跨域解决方法
2017/10/15 Javascript
JS中用EL表达式获取上下文参数值的方法
2018/03/28 Javascript
bootstrap-table实现表头固定以及列固定的方法示例
2019/03/07 Javascript
微信小程序bindtap事件与冒泡阻止详解
2019/08/08 Javascript
ES6 十大特性简介
2020/12/09 Javascript
pytyon 带有重复的全排列
2013/08/13 Python
Django在Win7下的安装及创建项目hello word简明教程
2014/07/14 Python
分享几道你可能遇到的python面试题
2017/07/24 Python
python实现简单中文词频统计示例
2017/11/08 Python
pandas按若干个列的组合条件筛选数据的方法
2018/04/11 Python
用Python+OpenCV对比图像质量的几种方法
2019/07/15 Python
python lambda表达式在sort函数中的使用详解
2019/08/28 Python
基于Python+Appium实现京东双十一自动领金币功能
2019/10/31 Python
python实现可下载音乐的音乐播放器
2020/02/25 Python
Python实现钉钉/企业微信自动打卡的示例代码
2021/02/02 Python
举例详解CSS3中的Transition
2015/07/15 HTML / CSS
函授生自我鉴定
2014/03/25 职场文书
应急管理工作总结2015
2015/05/04 职场文书
2015年幼儿园学前班工作总结
2015/05/18 职场文书
2016年师德学习心得体会
2016/01/12 职场文书
经典哲理警句:志不真则心不热,心不热则功不贤
2019/11/14 职场文书
在Spring-Boot中如何使用@Value注解注入集合类
2021/08/02 Java/Android
js前端设计模式优化50%表单校验代码示例
2022/06/21 Javascript