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 相关文章推荐
求解开jscript.encode代码的asp函数
Feb 28 Javascript
用cookies实现的可记忆的样式切换效果代码下载
Dec 24 Javascript
jQuery DOM插入节点操作指南
Mar 03 Javascript
js鼠标点击图片切换效果实现代码
Nov 19 Javascript
Node连接mysql数据库方法介绍
Feb 07 Javascript
在点击div中的p时,如何阻止事件冒泡
Feb 07 Javascript
几行js代码实现自适应
Feb 24 Javascript
Vue单页应用引用单独的样式文件的两种方式
Mar 30 Javascript
vue2.0 资源文件assets和static的区别详解
Apr 08 Javascript
vue+SSM实现验证码功能
Dec 07 Javascript
Vue项目实现换肤功能的一种方案分析
Aug 28 Javascript
游戏开发中如何使用CocosCreator进行音效处理
Apr 14 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静态新闻列表自动生成代码
2007/06/14 PHP
深入解读php中关于抽象(abstract)类和抽象方法的问题分析
2014/01/03 PHP
php中单个数据库字段多列显示(单字段分页、横向输出)
2014/07/28 PHP
php解析json数据实例
2014/08/19 PHP
PHP中CheckBox多选框上传失败的代码写法
2017/02/13 PHP
javascript 清空form表单中某种元素的值
2009/12/26 Javascript
ExtJS 学习专题(一) 如何应用ExtJS(附实例)
2010/03/11 Javascript
Js base64 加密解密介绍
2013/10/11 Javascript
Jquery 模拟用户点击超链接或者按钮的方法
2013/10/25 Javascript
js实现文本框宽度自适应文本宽度的方法
2015/08/13 Javascript
jQuery实现返回顶部功能
2016/02/23 Javascript
JS实现类似51job上的地区选择效果示例
2016/11/17 Javascript
自己封装的一个简单的倒计时功能实例
2016/11/23 Javascript
微信小程序 空白页重定向解决办法
2017/06/27 Javascript
详解vue数据渲染出现闪烁问题
2017/06/29 Javascript
webpack学习笔记之优化缓存、合并、懒加载
2017/08/24 Javascript
js 原生判断内容区域是否滚动到底部的实例代码
2017/11/15 Javascript
使用vue + less 实现简单换肤功能的示例
2018/02/21 Javascript
使用wxapp-img-loader自定义组件实现微信小程序图片预加载功能
2018/10/18 Javascript
使用JavaScript保存文本文件到本地的两种方法
2019/01/22 Javascript
微信小程序判断用户是否需要再次授权获取个人信息
2019/07/18 Javascript
Vue解决echart在element的tab切换时显示不正确问题
2020/08/03 Javascript
[41:08]TNC vs VG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
python list中append()与extend()用法分享
2013/03/24 Python
Django1.3添加app提示模块不存在的解决方法
2014/08/26 Python
Python中实现参数类型检查的简单方法
2015/04/21 Python
python面向对象_详谈类的继承与方法的重载
2017/06/07 Python
Python反射和内置方法重写操作详解
2018/08/27 Python
python使用 zip 同时迭代多个序列示例
2019/07/06 Python
PyTorch中 tensor.detach() 和 tensor.data 的区别详解
2020/01/06 Python
PyQt中使用QtSql连接MySql数据库的方法
2020/07/28 Python
Django配置跨域并开发测试接口
2020/11/04 Python
党支部书记四风问题整改措施
2014/09/24 职场文书
2015年公司国庆放假通知
2015/07/30 职场文书
python利用while求100内的整数和方式
2021/11/07 Python
详解MySQL中timestamp和datetime时区问题导致做DTS遇到的坑
2021/12/06 MySQL