express node mysql ejs 个人微博开发教程

Node express ejs 个人微博（一）

记：项目搭建 router使用 前端请求处理

1.全局安装2个模块

express、express-generator

在命令行输入: 

cnpminstall  express --save

cnpminstall -g express-generator

查看是否全局安装express成功命令: express -V

看到版本号就算是安装成功了.

2.生成项目基本框架

命令: express xxx,   4.x版本的express默认页面模板引擎是jade,

如果想用ejs, 命令应该是这样的:  express -e xxx

3.下载项目所需的模块

自动创建了文件夹,然后再运行命令 :   npm install

npminstall是下载项目所需的基本模块,这个定义在package.json文件的dependencies中

4.运行项目

命令:npm start

浏览器访问 : http://localhost:3000/

5.看看项目结构

bin下的www是项目入口
node_moduls 项目所需模块
public 静态资源,如图片,js,css
routes 路由文件
views 页面文件
app.js 项目需要的中间件等基本配置
package.json 定义项目的基本信息等,包括项目所需要的模块名和版本号

6.自动更新服务

指令

Npm install nodemon –g

Cd bin/

Nodemon www
服务启动成功

7.搭建路由页面

1.首先认识router模块是如何引入项目

2.创建路由页面

1.首先配置路由如下图

 

代码讲解：

router.get('/contentWB', function(req, res, next) {
  res.render('contentWB',{title:'文章列表',message:'fendo8888'}); 
});

// router 监听访问页面两种方式 get post 对应着前端发送请求的两种方式get post

// Get post后端处理方式讲解

// 前端发送请求
functionlogin() {
  var name = $('#name').val(); 
  var password = $('#password').val(); 
  if (!name || !password) { 

     alert('用户名和密码都不能为空'); 

     return; 

 } 

  $.ajax({
   type: 'get', // type: 'post',
   url: '/login', 
   data: {
       name: name, 
       password: password 
   },
   dataType: 'json',
   success: function (data) {
     if (data) { 
     } 
   },
    error: function () {
       alert('登录失败!'); 
       return; 
    }
  })
}

// 后端请求处理get

router.get('/login', function (req, res, next) {
  // 获取前台传递参数 req.query
  var name = req.query.name;
  var pass = req.query.password;
  if (name == 'ss' && pass == '123') {
    res.send('登录成功');
  }
  res.end('end');
});
// 后端请求处理post
router.get('/login', function (req, res, next) {
  // 获取前台传递参数 req.body
  var name = req.body.name;
  var pass = req.body.password;
  if (name == 'ss' && pass == '123') {
     res.send('1');
  }
  res.end('end');

2.app.render(view,[options], callback)讲解

这个方法目的是讲渲染数据到指定‘view’使用引擎做出页面，options 传入页面的数据。回调函数 callback 用来处理返回的渲染后的字符串（目前不知道有啥用）