资讯专栏INFORMATION COLUMN

Thinkjs3入门笔记一:添加一个新的页面

oujie / 3130人阅读

摘要:本文帮助你往中添加一个新的页面,没有原理描述,只提供一个感性认识。首先需要一个项目我们创建一个叫做的项目所有选项一路确认即可在该目录下通过命令向项目添加模块通过命令行工具,添加模块的控制器文件。感性认识命令行工具可以用来做很多事情。

本文帮助你往Thinkjs3中添加一个新的页面,没有原理描述,只提供一个感性认识。

首先需要一个Thinkjs3项目

我们创建一个叫做fuck的项目

$ thinkjs new fuck # 所有选项一路确认即可
$ cd ./fuck
$ npm install
$ npm start
在该目录下通过命令向项目添加模块

通过thinkjs命令行工具,添加模块shit的 controller(控制器)文件。

这些命令将会往项目的src/controller中添加shit模块所对应的文件。

$ thinkjs controller shit

此时访问http://127.0.0.1:8360/shit将会有如下错误提示。

她说没有找到对应的View(视图)文件。

那么我们乖乖地去添加就好了
$ cd view
$ touch shit_index.html
$ echo "fuck" > shit_index.html 

解释:

cd进入了项目的view(视图)目录。

touch新建了shit_index.html文件。

echo配合>完成了往shit_index.html中写入字符。

此时访问http://127.0.0.1:8360/shit,就可以看到她在骂人了。

感性认识

thinkjs命令行工具可以用来做很多事情。

thinkjs项目的URL结构似乎像是 项目域名/模块名

thinkjs项目中的模块使用的默认(index)视图,以模块名_index.html放在view文件夹中。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/54462.html

相关文章

  • Thinkjs3入门笔记添加新的页面

    摘要:本文帮助你往中添加一个新的页面,没有原理描述,只提供一个感性认识。首先需要一个项目我们创建一个叫做的项目所有选项一路确认即可在该目录下通过命令向项目添加模块通过命令行工具,添加模块的控制器文件。感性认识命令行工具可以用来做很多事情。 本文帮助你往Thinkjs3中添加一个新的页面,没有原理描述,只提供一个感性认识。 首先需要一个Thinkjs3项目 我们创建一个叫做fuck的项目 $ ...

    or0fun 评论0 收藏0
  • react入门学习笔记

    摘要:选择的主要原因大概是因为该框架出现较早,感觉上会相对成熟,日后学习中遇到问题想要查找答案相对简单一些,对,就是这么简单。多说无益,接下来开始的学习,我按照我学习中带着的问题来一一解答,完成我的入门笔记。主要是针对前端的组件化开发。 这两天得空,特意来折腾了以下时下火热的前端框架react,至于为什么选react,作为一个初学者react和vue在技术上的优劣我无权评论,也就不妄加评论了...

    leon 评论0 收藏0
  • webpack入门学习手记(二)

    摘要:例如现在的入门学习手记系列。收到粉丝留言和打赏的喜悦。安装上一篇入门学习手记一,主要是介绍了的核心概念,是整个学习过程的基础知识。新生成的类似如下入门学习手记因为生成的内容过多,我直接省略掉了。 showImg(https://segmentfault.com/img/bVbk5Nd?w=1150&h=599); 本人微信公众号:前端修炼之路,欢迎关注。 最近开始想要维护一个个人的公众...

    Joyven 评论0 收藏0
  • react入门笔记

    摘要:是程序的入口文件自动化测试定义组件扩大点击区域虚拟的生成数据模板数据模板生成虚拟虚拟就是一个对象,用它来描述真实损耗了性能用虚拟的结构生成真实的来显示发生变化数据模板生成新的虚拟极大提升了性能数据更新比较原始虚拟和新的虚拟的区别找到区别极大 Index.js是程序的入口文件 PWA progressive web application(registerServiceWorker) A...

    Hanks10100 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<