创建项目

1、百度下载 node环境安装包

2、安装完毕之后 打开终端输入 npm -v 如果能出版本号 说明安装成功

3、安装express 框架

• 1、npm i -g express
• 2、npm i -g express-generator

4、创建项目

• 1、express 项目名
• 2、执行完毕后跟着终端的步骤走
  2.1 cd 项目文件夹
  2.2 npm install
  2.3 npm install nodemon
  在package.json 中将start 后面的node改成nodemon
  2.4 npm install art-template //安装引擎
  npm install express-art-template
  在app.js 中在设置模板引擎前引入引擎
  qpp.engine('html',require('express-art-template)
  将 设置模板引擎中的jade改成html
  如果需要更改项目视图文件夹 则将views给新的视图文件
• 3、npm start

创建项目流程

• 1、先安装所有需要的依赖，依赖安装完毕后 ，有npm list 查看是否安装成功

• 2、更改aap.js 里面的模板引擎设置 找到 view 注释：
  在注释下面添加一行代码：
  app.engine('html',require('express-art-template'))
  然后更改视图文件名和文件后缀名
  voews => pages
  jade => html

• 3、 更改node热更新
  在package.json 文件中找到node ，修改成nodemon

数据接收流程

前端 -- API -- controller -- server -- model
     发送请求    数据处理     操作数据   数据库映射

image.png

ajax

// 定义一个请求，所有用户ajax的方法
    function searchAll(){
        // $.ajax()
        // 通常我们使用jq中的ajax（）来发送前端请求
        // 这个方法中有个参数是对象，用来配置的接口，数据，请求方法，成功后返回数据等...
        $.ajax({
            url: '/userapi/search',//设置api接口
            type :'get',//请求方式
            // data：{}如果需要向后端发送请求参数，需要将请求参数以对象形式写在data
            success: function(res){
                console.log(res);
            },
            error: function(res){
                console.log(res);
            }
        })
    }
    $('#btn').click(function(){
        searchAll();
    })
    // 提交
    $('#btn1').click(function(){
        $.ajax({
            url: '/userapi/add',
            type :'post',//请求方式
            data:{
                username:$('.username').val(), 
                password: $('.password').val(),
                phone: $('.phone').val(),
            },
            success: function(res){
               
                console.log(res);
                

            }

        })
    })