最近有空时，我集成了以下小程序开发。我最初使用Java，所以现在我认为Java是该项目的第一个后端。不可能。嘿，我知道的很少，哈哈，访问主题。

第一步：创建一个前端项目，打开“微信开发人员工具”，如下所示

打开后，您将不做任何事情就得到一个简单的小程序，但是要验证与背景的通信是否成功，您仍然必须编写一个小按钮进行测试，然后编写一个按钮

现在在index.wxml页面上写一个按钮，

test

接下来，在index.js中编写一个绑定的“ bindtest”方法，

bindtest: function () {     wx.request({          url: userUrl+'userinfo',          data: {            userInfo: {},          },           method: 'GET',            header: {              'content-type': 'application/json' // 默认值             },              success: function (res) {                  console.log(res.data);                  },                 fail: function (res) {                     console.log(".....fail....."+userUrl);                         }                        })                       },

请注意：“ URL中的userUrl是由我封装的。由于将来会有如此多的代码和后台通讯地址，因此我无法每次都写……等等，所以我只是封装了public前面的部分。我将在博客的另一边进行介绍，如果您有兴趣，请注意“

记住要突出重点

因为与后端通信的域名小程序不能是ip和locahost或127，并且要归档的域名，所以请打开开发者工具右上角的“详细信息”，然后选中“不验证合法域名，Web视图”（业务域名），TLS版本和HTTPS证书”，如图所示：

检查后，他将不会对其进行验证。他写了什么地址，只要可以在本地访问，他就可以交流。

第二步：想法+ SpringBot + jpa + Mysql

2.1右键单击项目，选择Spring Initializer

2.2

2.3

然后完成，然后在pom文件中添加jpa和mysql的依赖项

2.4

org.springframework.bootspring-boot-starter-data-jpamysqlmysql-connector-java5.1.21

2…5接下来，创建目录文件

关注UserRepository（即DAO层），此类继承了JpaRepository，

public interface UserRepository extends JpaRepository{     ListfindAll(); }

其余与往常一样，只看代码

UserService

public interface UserService {     ListfindAll(); }

UserServiceImpl

@Service public class UserServiceImpl implements UserService {     @Autowired     private UserRepository userRepository;//注入Dao层     @Override     public ListfindAll() {         return userRepository.findAll();     } }

UserController

用户实体类，导入的包必须是javax.persistence。*，否则您会头疼的，

@Entity//标注位实体类 @Table(name = "user")//对应数据库的表 public class User implements Serializable {     private static final long serialVersionUID = 1L;     @Id//主键注解     @GeneratedValue(strategy=GenerationType.IDENTITY)//主键自增     @Column(name = "id")//对应表中的列     private String id;     @Column(name = "wxname")     private String wxName; //微信名称     @Column(name = "wxcount")     private String wxCount;//微信账号     public User(){}     public User(String id,String wxName,String wxCount) {         this.id = id;         this.wxName=wxName;         this.wxCount=wxCount;     }     public String getId() {         return id;     }     public void setId(String id) {         this.id = id;     }     public String getWxName() {         return wxName;     }     public void setWxName(String wxName) {         this.wxName = wxName;     }     public String getWxCount() {         return wxCount;     }     public void setWxCount(String wxCount) {         this.wxCount = wxCount;     } }

2.6在application.properties文件中配置数据库，

server.port=8081 spring.datasource.url=jdbc:mysql://localhost:3306/XXXXX?characterEncoding=utf-8 spring.datasource.username=root spring.datasource.password=xxxx spring.datasource.driver-class-name=com.mysql.jdbc.Driver #用来在控制台输出JPA自动生成的sql语句。 spring.jpa.show-sql=true spring.jpa.database=mysql

2.7打开mysql数据库管理工具并创建一个新表User

CREATE TABLE `user` (    `id` varchar(255) NOT NULL DEFAULT '',    `wxname` varchar(255) DEFAULT NULL COMMENT '微信名字',    `wxcount` varchar(255) NOT NULL COMMENT '微信账号',    PRIMARY KEY (`id`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8;

自己输入数据

至此，后端项目的集成结束了，下一步是前端和后端集成测试。首先启动springboot项目。复制我的ps永远不会错，否则我会头疼。

还记得您在小程序页面上写的“ bindtest”按钮吗？现在，单击它，然后是见证奇迹的时候了，如下所示

在这里您可以看到前端控制台是通过console.log输出的，这意味着您的小程序已成功访问数据库。此时此刻，是否感觉到处处面对春风和阳光？生活是美好的，不是吗？记住赞美哦亲爱的！ ！ ！