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 相关文章推荐
用正则获取指定路径文件的名称
Feb 27 Javascript
jquery 单击li防止重复加载的实现代码
Dec 24 Javascript
javascript中万恶的function实例分析
May 25 Javascript
jquery maxlength使用说明
Sep 09 Javascript
IE与FireFox中的childNodes区别
Oct 20 Javascript
CodeMirror2 IE7/IE8 下面未知运行时错误的解决方法
Mar 29 Javascript
window.opener用法和用途实例介绍
Aug 19 Javascript
将中国标准时间转换成标准格式的代码
Mar 20 Javascript
原生JS上传大文件显示进度条 php上传文件代码
Mar 27 Javascript
微信小程序模板(template)使用详解
Jan 31 Javascript
详解Node使用Puppeteer完成一次复杂的爬虫
Apr 18 Javascript
简单了解Javscript中兄弟ifream的方法调用
Jun 17 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中header和session_start前不能有输出原因分析
2013/01/11 PHP
php实现上传图片文件代码
2015/07/19 PHP
php基础教程
2015/08/26 PHP
php自定义中文字符串截取函数substr_for_gb2312及substr_for_utf8示例
2016/05/28 PHP
PHP接口继承及接口多继承原理与实现方法详解
2017/10/18 PHP
PHP实现的AES加密、解密封装类与用法示例
2018/08/02 PHP
javascript中的107个基础知识收集整理 推荐
2010/03/29 Javascript
js时间比较示例分享(日期比较)
2014/03/05 Javascript
Jquery倒计时源码分享
2014/05/16 Javascript
常用的JavaScript WEB操作方法分享
2015/02/28 Javascript
Javascript中使用parseInt函数需要注意的问题
2015/04/02 Javascript
javascript创建动态表单的方法
2015/07/25 Javascript
JavaScript处理解析JSON数据过程详解
2015/09/11 Javascript
JavaScript实现自动生成网页元素功能(按钮、文本等)
2015/11/21 Javascript
正则表达式优化JSON字符串的技巧
2015/12/24 Javascript
浅谈Angular中ngModel的$render
2016/10/24 Javascript
基于mpvue的小程序项目搭建的步骤
2018/05/22 Javascript
webpack手动配置React开发环境的步骤
2018/07/02 Javascript
微信小程序入门之广告条实现方法示例
2018/12/05 Javascript
jQuery实现带3D切割效果的轮播图功能示例【附源码下载】
2019/04/04 jQuery
基于vue项目设置resolves.alias: '@'路径并适配webstorm
2020/12/02 Vue.js
[50:28]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 Newbee vs KG
2018/04/01 DOTA
详解python 字符串和日期之间转换 StringAndDate
2017/05/04 Python
Django REST framework内置路由用法
2019/07/26 Python
Django models filter筛选条件详解
2020/03/16 Python
运行python提示no module named sklearn的解决方法
2020/11/29 Python
毕业求职自荐信格式是什么
2013/11/19 职场文书
体育教育个人自荐信范文
2013/12/01 职场文书
2014坚持党风廉政建设思想汇报
2014/09/18 职场文书
网络营销计划
2015/01/17 职场文书
个人政治思想总结
2015/03/05 职场文书
会计工作能力自我评价
2015/03/05 职场文书
雾霾停课通知
2015/04/24 职场文书
企业团队精神心得体会
2016/01/19 职场文书
python中sys模块的介绍与实例
2021/04/17 Python
Java存储没有重复元素的数组
2022/04/29 Java/Android