ndoe.js实战之开发微博第一讲之工具准备

2024-06-13 05:40:36

内容：搭建开发环境和视图制作。

一、创建项目

1.express ejs blog 创建项目

cd blog 进入项目

npm install 加入包的依赖

2.加入ejs视图模版引擎支持

加入文件 expand_modules/ejs/index.js

var engine=require("./expand_modules/ejs");

在app中改造引擎

app.engine('ejs',engine);

二、路由规划

路由规划是网站的骨架部分，因为它处于整个架构的纽约位置，相当于各个接口之间的粘合剂。

/ ：首页

/u/[user]：用户的主页

/post：发表信息

/reg：用户注册

/doReg 注册功能

/login：用户登录

/doLogin 登录功能

/logout：用户退出

首先在app当中加入路由规则，然后在index.js中写相应的响应处理函数

三、界面设计

作为后台开发者，我们不擅长设计，我们可以利用已有的优秀设计。现在我们在用简洁风格的Twitter Bootstrap，它是Twitter的设计师和工程师发起的开源项目。它提供了一套与Twitter风格一致的简洁，优雅的Web UI。

1.加入Twitter Bootstrap

下载：http://twitter.github.com/bootstrap

解压后将js、css和图片放入public指定的目录下，再引入jquery.js的文件。

2.制作视图

layout.ejs、index.ejs、login.ejs、reg.ejs

ndoe.js实战之开发微博第一讲之工具准备相关推荐

Unity编辑器开发（五）：实战、开发一个AB包编辑器工具
前言在我们上一篇(Unity编辑器开发(四):实战.开发一个AB包编辑器工具)的结尾,我们拥有了如下图中那样的一个编辑器窗口: 接下来我们来完成最后部分,也就是包括创建AB包,清理AB包,删除AB包 ...
Vue.js实战之系统学习第一节
为什么叫系统学习呢?因为我以前接触过Vue.js,但是没学过它的原理,只是简单的使用了,使用的时候就觉得很好用,没有其他的什么感觉,但当我进入职场后,学习了很多的前端技术后,才发现这个技术的友好,被它 ...
js 嵌入php_PHP快速入门第一讲：什么是PHP
快速入门第一步:了解语言. 要学习先了解.下面我来介绍一下PHP语言.首先我们来看最官方的解释[www.php.net]:PHP("PHP: Hypertext Preprocessor&q ...
[Minecraft]基于Forge的1.8.9MOD开发教程——第一讲：搭建开发环境
(第一次写教程,有点小紧张呢..) 作者的话我一开始学习MOD开发时,也曾在各大网站搜索过一些教程,感觉国内的MOD开发教程是真心的少:CSDN没找到,优酷.爱奇艺.腾讯.B站也几乎没有(除了优酷的 ...
Python实战入门到精通第一讲——函数
1. 定义函数 def function():print("Hello,World.")returna = function() print(a) 输出: Hello,World. ...
Unity编辑器开发（三）：实战、开发一个AB包编辑器工具
前言本系列将会从零开始开发一个轻量级的AB包编辑器工具(也就是打包或者管理AssetBundle的工具),完成以后,他的最终应用界面可能是如下这样的: 界面详解: 1.Create:创建一个新的空的 ...
js 查错_7年前端开发经验的我，写了本Vue.js实战开发，开源高清PDF下载
Vue作为目前发展最迅速的前端框架越来越多的受到前端T程师青睐,Vue社区也是Web前端最活跃的社区之一. 更多的公司在转为Vue框架,但针对Vue优秀权威.实战的图书相对欠缺,梁灏著<Vue. ...
React.js 入门与实战之开发适配PC端及移动端新闻头条平台课程上线了
原文发表于我的技术博客我在慕课网的「React.js 入门与实战之开发适配PC端及移动端新闻头条平台」课程已经上线了,文章中是目前整个课程的大纲,以后此课程还会保持持续更新,此大纲文档也会保持更新, ...
从零学前端第一讲：前端开发是什么？给初学者有什么建议？
这里是修真院前端小课堂,本篇分析的主题是 [从零学前端第一讲:前端开发是什么?给初学者有什么建议?] 初识前端 1.前端开发是什么? 2.前端开发有前途吗? 3.前端开发哪里学? 4.前端发展 5.对 ...

最新文章

热门文章