nodejs前端框架 express4以及express-generator构建前端项目
2017-04-11 10:02
423 查看
nodejs前端框架 express4以及express-generator构建前端项目
这个是介绍目录结构的,安装nodejs请google。
1.demo项目构建:
![](http://img.blog.csdn.net/20170411091332425?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvV2FyX0NyYWZ0X1dvcmxk/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
1.1项目的目录结构解析:
首先:在根目录下有2个文件:
- package.json
- app.js
这2个文件是express项目启动的基础,它包括一些项目中需要用到的依赖。比较专业的称为中间件。
![](http://img.blog.csdn.net/20170411093251645?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvV2FyX0NyYWZ0X1dvcmxk/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
app.js中主要就是web项目的启动配置文件,包括项目的路径,路由。index 和 users的变量关联到 require(‘./routes/index’) 和 require(‘./routes/users’).这2个关于路由的目录后面会讲到。
![](http://img.blog.csdn.net/20170411093717961?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvV2FyX0NyYWZ0X1dvcmxk/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
-nodejs-demo1/public
这个目录是web项目的静态文件夹,包括图片,js,css样式。
-nodejs-demo1/views
这个目录就是模板目录,他有2个文件 index.ejs error.ejs 这2是渲染我们的首页和错误页的模板文件,相当于index.html 和 error.html。
-nodejs-demo1/routes
这个目录中的文件就是和前面app.js中require(‘./routes/index’) 和 require(‘./routes/users’)相关的路由目录。 app.js启动的时候我们所访问的路由文件就是放在这个文件夹下。
-nodejs-demo1/bin
这个是项目的启动文件目录,这个目录中有一个www文件如果知道在linux上启动nodejs的同学一定知道。我们看看他的主要内容:
![](http://img.blog.csdn.net/20170411091935496?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvV2FyX0NyYWZ0X1dvcmxk/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
目录结构已经介绍完了。我们可以启动这个项目。
![](http://img.blog.csdn.net/20170411102128414?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvV2FyX0NyYWZ0X1dvcmxk/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
他的访问默认的路径为:
这个是介绍目录结构的,安装nodejs请google。
1.demo项目构建:
1.1项目的目录结构解析:
首先:在根目录下有2个文件:
- package.json
- app.js
这2个文件是express项目启动的基础,它包括一些项目中需要用到的依赖。比较专业的称为中间件。
app.js中主要就是web项目的启动配置文件,包括项目的路径,路由。index 和 users的变量关联到 require(‘./routes/index’) 和 require(‘./routes/users’).这2个关于路由的目录后面会讲到。
-nodejs-demo1/public
这个目录是web项目的静态文件夹,包括图片,js,css样式。
-nodejs-demo1/views
这个目录就是模板目录,他有2个文件 index.ejs error.ejs 这2是渲染我们的首页和错误页的模板文件,相当于index.html 和 error.html。
-nodejs-demo1/routes
这个目录中的文件就是和前面app.js中require(‘./routes/index’) 和 require(‘./routes/users’)相关的路由目录。 app.js启动的时候我们所访问的路由文件就是放在这个文件夹下。
-nodejs-demo1/bin
这个是项目的启动文件目录,这个目录中有一个www文件如果知道在linux上启动nodejs的同学一定知道。我们看看他的主要内容:
目录结构已经介绍完了。我们可以启动这个项目。
他的访问默认的路径为:
相关文章推荐
- b2c项目基础架构分析(二)前端框架 以及补漏的第一篇名词解释
- nodejs的express自动生成项目框架-2016
- Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(二)安装 nodejs 环境以及 vue-cli 构建初始项目
- 使用eclipse mybatis generator插件在maven 项目中自动构建代码以及遇到的一些坑
- Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(二)安装 nodejs 环境以及 vue-cli 构建初始项目
- Express框架使用以及数据库公共操作类整理(Win7下的NodeJs)
- 通过DiskLruCache以及LruCache来构建自己项目的图片缓存框架
- nodejs的express自动生成项目框架-2016
- 使用nodeJS实现前端项目自动化之项目构建和文件合并
- Docker+Jenkins持续集成环境(2)使用docker+jenkins构建nodejs前端项目
- 基于nodejs express框架设计的 相册上传和查看 以及代码分析
- 【转】MEAN:Nodejs+express+angularjs+mongodb搭建前端项目框架NJBlog
- nodejs的express自动生成项目框架
- PM2 介绍 启动Nodejs 框架Express项目 3ff8
- Nodejs+express+angularjs+mongodb搭建前端项目框架NJBlog
- Nodejs创建Express4项目以及使用Visual Studio Code编辑器配置Nodejs开发环境
- 使用express.js框架一步步实现基本应用以及构建可扩展的web应用
- 浅谈前端项目发展的四个阶段——库/框架、构建优化、模块化开发、组件化开发和资源管理
- Vue 2.x + Webpack 3.x + Nodejs 多页面项目框架(上篇——纯前端多页面)
- Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(二)安装 nodejs 环境以及 vue-cli 构建初始项目