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 相关文章推荐
深入聊聊Array的sort方法的使用技巧.详细点评protype.js中的sortBy方法
Apr 12 Javascript
IE6下opacity与JQuery的奇妙结合
Mar 01 Javascript
JS关键字球状旋转效果的实例代码
Nov 29 Javascript
JS实现让网页背景图片斜向移动的方法
Feb 25 Javascript
javascript限制文本框输入值类型的方法
May 07 Javascript
JavaScript类继承及实例化的方法
Jul 25 Javascript
js实现字符串和数组之间相互转换操作
Jan 12 Javascript
Sea.JS知识总结
May 05 Javascript
jQuery代码优化方法总结
Jan 29 jQuery
浅谈vue的几种绑定变量的值 防止其改变的方法
Mar 01 Javascript
VUE基于NUXT的SSR 服务端渲染
Nov 30 Javascript
微信小程序使用for循环动态渲染页面操作示例
Dec 25 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技术开发技巧分享
2010/03/23 PHP
PHP 前加at符合@的作用解析
2015/07/31 PHP
Laravel给生产环境添加监听事件(SQL日志监听)
2017/06/19 PHP
宝塔面板在NGINX环境中TP5.1如何运行?
2021/03/09 PHP
javascript Keycode对照表
2009/10/24 Javascript
读jQuery之十 事件模块概述
2011/06/27 Javascript
Microsfot .NET Framework4.0框架 安装失败的解决方法
2013/08/14 Javascript
jQuery toggleClass应用实例(附效果图)
2014/04/06 Javascript
JavaScript判断按钮被点击的方法
2015/12/13 Javascript
JavaScript中Textarea滚动条不能拖动的解决方法
2015/12/15 Javascript
JSON字符串转换JSONObject和JSONArray的方法
2016/06/03 Javascript
vue2.0数据双向绑定与表单bootstrap+vue组件
2017/02/27 Javascript
vue对storejs获取的数据进行处理时遇到的几种问题小结
2018/03/20 Javascript
在vue项目中使用codemirror插件实现代码编辑器功能
2019/08/27 Javascript
JS实现图片幻灯片效果代码实例
2020/05/21 Javascript
在vue中实现禁止回退上一步,路由不存历史记录
2020/07/22 Javascript
JavaScript 实现拖拽效果组件功能(兼容移动端)
2020/11/11 Javascript
[03:12]TI9战队档案 - Virtus Pro
2019/08/20 DOTA
Python ORM框架SQLAlchemy学习笔记之安装和简单查询实例
2014/06/10 Python
深入理解Django的中间件middleware
2018/03/14 Python
django rest framework 数据的查找、过滤、排序的示例
2018/06/25 Python
MNIST数据集转化为二维图片的实现示例
2020/01/10 Python
PyQt5-QDateEdit的简单使用操作
2020/07/12 Python
Python logging模块原理解析及应用
2020/08/13 Python
女士鞋子、包包和服装在线,第一款10美元:ShoeDazzle
2019/07/26 全球购物
自荐书格式
2013/12/01 职场文书
监理资料员岗位职责
2014/01/03 职场文书
运动会四百米广播稿
2014/01/19 职场文书
先进集体获奖感言
2014/02/13 职场文书
毕业寄语大全
2014/04/09 职场文书
贺卡寄语大全
2014/04/11 职场文书
自我推荐信范文
2014/05/09 职场文书
人力资源管理专业自荐信
2014/06/24 职场文书
MySQL主从搭建(多主一从)的实现思路与步骤
2021/05/13 MySQL
Ubuntu18.04下QT开发Android无法连接设备问题解决实现
2022/06/01 Java/Android
ssh服务器拒绝了密码 请再试一次已解决(亲测有效)
2022/08/14 Servers