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实现给图片加链接
Aug 15 Javascript
jquery 插件学习(五)
Aug 06 Javascript
图片上传判断及预览脚本的效果实例
Aug 07 Javascript
JS小游戏之象棋暗棋源码详解
Sep 25 Javascript
JavaScript操作Cookie详解
Feb 28 Javascript
jQuery实现将页面上HTML标签换成另外标签的方法
Jun 09 Javascript
javascript返回顶部的按钮实现方法
Jan 09 Javascript
移动端 一个简单易懂的弹出框
Jul 06 Javascript
jQuery编写textarea输入字数限制代码
Mar 23 jQuery
基于JavaScript实现报警器提示音效果
Oct 27 Javascript
React Native日期时间选择组件的示例代码
Apr 27 Javascript
chosen实现省市区三级联动
Aug 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 addslashes 函数详细分析说明
2009/06/23 PHP
基于PHP遍历数组的方法汇总分析
2013/06/08 PHP
学习php过程中的一些注意点的总结
2013/10/25 PHP
php面向对象基础详解【星际争霸游戏案例】
2020/01/23 PHP
js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍
2013/01/24 Javascript
jquery 快速回到页首的方法
2013/12/05 Javascript
12个超实用的JQuery代码片段
2015/11/02 Javascript
所见即所得的富文本编辑器bootstrap-wysiwyg使用方法详解
2016/05/27 Javascript
基于Bootstrap表单验证功能
2017/11/17 Javascript
微信小程序如何获取用户手机号
2018/01/26 Javascript
JS中利用FileReader实现上传图片前本地预览功能
2018/03/02 Javascript
对vue v-if v-else-if v-else 的简单使用详解
2018/09/29 Javascript
Nuxt.js之自动路由原理的实现方法
2018/11/21 Javascript
socket在egg中的使用实例代码详解
2019/05/30 Javascript
JS中的算法与数据结构之集合(Set)实例详解
2019/08/20 Javascript
微信公众号中的JSSDK接入及invalid signature等常见错误问题分析(全面解析)
2020/04/11 Javascript
javascript实现下拉菜单效果
2021/02/09 Javascript
python线程锁(thread)学习示例
2013/12/04 Python
python从sqlite读取并显示数据的方法
2015/05/08 Python
python字典排序实例详解
2015/05/20 Python
python发送邮件功能实现代码
2016/07/15 Python
详细解读tornado协程(coroutine)原理
2018/01/15 Python
解决pyinstaller打包pyqt5的问题
2019/01/08 Python
Python 实现自动导入缺失的库
2019/10/29 Python
基于python实现对文件进行切分行
2020/04/26 Python
深入剖析HTML5 内联框架iFrame
2016/05/04 HTML / CSS
美国最大的城市服装和运动鞋零售商:Jimmy Jazz
2016/11/19 全球购物
Tech21美国/加拿大:英国NO.1防摔保护壳品牌
2018/01/20 全球购物
女方回门宴答谢词
2014/01/14 职场文书
安全生产计划书
2014/05/04 职场文书
求职自我推荐信
2014/06/25 职场文书
麦田里的守望者读书笔记
2015/06/30 职场文书
感恩父母主题班会
2015/08/12 职场文书
解决Golang中goroutine执行速度的问题
2021/05/02 Golang
只用20行Python代码实现屏幕录制功能
2021/06/02 Python
NoSQL优缺点与MongoDB数据库简介
2022/06/05 MongoDB