微信小程序项目实战+JAVA SSM框架后台管理系统

一、系统开发环境

（1）Windows10操作系统

（3）Eclipse JDK版本1.8.0_112

（4）Tomcat服务器 版本8.0.39

（5）MySql数据库

（7）Maven项目管理工具 版本3.3.9

（8）Git项目版本控制系统 版本2.15.1.windows.2

二、所用技术：

三、系统运行

（1）将系统所需要的数据库导入MySql本地数据库中。

（2）配置Maven

（3）配置本地Tomcat服务器

（4）将服务器系统代码包以Maven项目导入Eclispe中

（6）以Tomcat运行服务器端代码，访问后台管理系统：http://localhost:8080/YucaiAdmin/login.action

四、小程序端与管理端功能模块

ArticleAPI.uploadArticle({ ...params }).then(res => {
      console.log(res)
      if(res==1){
        wx.showToast({
          title: 提交成功,
          icon: succes,
          duration: 1000,
          mask: true
       })
      }else{
        wx.showToast({
          title: 提交失败,
          icon: Error,
          duration: 1000,
          mask: true
        })
    }
})

（2）uploadArticle方法被调用后，进而触发封装好的方法axios，axios中封装了调用服务器接口的请求，并将请求地址进行拼装，根据地址调用后台接口：

const ArticleAPI = {
    uploadArticle: params => axios({
        params: params,
        url: addWeiXinArticle.action,
        type: POST
    }),
};

function axios(data) {
  if (!data.params) {
    data.params = {};
  }
  return new Promise((resove, reject) => {
    var u = config.host + data.url;
    wx.request({
      url: u,
      data: {
        "author": data.params.data.author,
        "classifydetailId": data.params.data.classifydetailId,
        "contact": data.params.data.contact,
        "sendword": data.params.data.sendword,
        "sharecontent": data.params.data.sharecontent,
        "sharename": data.params.data.sharename
      },
      method: data.type,
      header: {
        Content-Type: application/json
      },
      success: res => {
        const result = res.data;
        resove(result);
      },
      fail: err => {
        reject(err);
      }
    });
  });
}

（3）请求接口的方法向此地址发起request请求，后端服务器会根据请求的地址以及数据进行响应，此处调用了后台服务器的addWeiXinArticle接口，调用此接口后就会像前面的SSM框架的新增文章功能实例一样进行请求（此处不再过多赘述），最后再依次返回结果，最终小程序端再根据返回结果展示相应的数据。此处的请求地址为:

http://localhost:8080/YucaiAdmin/addWeiXinArticle.action

数据库下载地址：