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 相关文章推荐
五段实用的js高级技巧
Dec 20 Javascript
jQuery不间断滚动效果(模拟百度新闻支持文字/图片/垂直滚动)
Feb 05 Javascript
js实现仿qq消息的弹出窗效果
Jan 06 Javascript
JS判断是否长按某一键的方法
Mar 02 Javascript
jquery 手势密码插件
Mar 17 Javascript
EasyUI Tree树组件无限循环的解决方法
Sep 27 Javascript
自定义PC微信扫码登录样式写法
Dec 12 Javascript
使用Angular CLI生成路由的方法
Mar 24 Javascript
微信小程序 JS动态修改样式的实现方法
Dec 16 Javascript
JS实现基本的网页计算器功能示例
Jan 16 Javascript
vue实现评价星星功能
Jun 30 Javascript
通过实例解析jQ Ajax操作相关原理
Sep 23 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 fread()使用技巧
2010/01/22 PHP
php中显示数组与对象的实现代码
2011/04/18 PHP
PHP实现阳历到农历转换的类实例
2015/03/07 PHP
PHP的伪随机数与真随机数详解
2015/05/27 PHP
基于ThinkPHP实现批量删除
2015/12/18 PHP
详解PHP中array_rand函数的使用方法
2016/09/11 PHP
使用laravel的Eloquent模型如何获取数据库的指定列
2019/10/17 PHP
JavaScript 设计模式 富有表现力的Javascript(一)
2010/05/26 Javascript
Javascript将string类型转换int类型
2010/12/09 Javascript
javascript 节点排序 2
2011/01/31 Javascript
javascript:history.go()和History.back()的区别及应用
2012/11/25 Javascript
JS/jQuery实现默认显示部分文字点击按钮显示全部内容
2013/05/13 Javascript
JS实用技巧小结(屏蔽错误、div滚动条设置、背景图片位置等)
2016/06/16 Javascript
关于RequireJS的简单介绍即使用方法
2016/10/20 Javascript
js利用for in循环获取 一个对象的所有属性以及值的实例
2017/03/30 Javascript
微信小程序组件 marquee实例详解
2017/06/23 Javascript
Angular中的$watch、$watchGroup、$watchCollection
2017/06/25 Javascript
JavaScript中arguments和this对象用法分析
2018/08/08 Javascript
vue实现二级导航栏效果
2019/10/19 Javascript
python利用装饰器进行运算的实例分析
2015/08/04 Python
Ubuntu 16.04 LTS中源码安装Python 3.6.0的方法教程
2016/12/27 Python
利用Python实现Windows下的鼠标键盘模拟的实例代码
2017/07/13 Python
Python高级用法总结
2018/05/26 Python
详解django.contirb.auth-认证
2018/07/16 Python
使用Python快乐学数学Github万星神器Manim简介
2019/08/07 Python
python matplotlib饼状图参数及用法解析
2019/11/04 Python
python 使用多线程创建一个Buffer缓存器的实现思路
2020/07/02 Python
SQL语言面试题
2013/08/27 面试题
环保专业大学生职业规划设计
2014/01/10 职场文书
《奇妙的国际互联网》 教学反思
2014/02/25 职场文书
交通事故协议书范文
2014/04/16 职场文书
领导干部考核评语
2015/01/04 职场文书
安全教育日主题班会
2015/08/13 职场文书
教师纪律作风整顿心得体会
2016/01/23 职场文书
详解Go与PHP的语法对比
2021/05/29 PHP
MySQL系列之一 MariaDB-server安装
2021/07/02 MySQL