最近有闲时，自己整合了以下小程序开发，本来自己是做Java的，所以现在做项目后台第一时间想到的就是java，没办法欸，会的要少，哈哈，接入正题。
第一步：建立前端项目，打开“微信开发者工具”，如下图
打开后你什么都不用做就会得到一个简单的小程序，但是为了验证是否和后台通讯成功，还是得写一个小按钮测试一下，接下来就是写个按钮
现在index.wxml页面写个按钮，
<view> <button bindtap='bindtest'>test</button> </view>
接着在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是我进行了封装，因为以后写代码和后台通信地址多的很，总不能每次都写http://…之类的吧，所以把前面公共的部分进行了简单的封装,我会在另一边博客介绍的，点击这里如有兴趣请关注”
记住 划重点
因为小程序和后台通信的域名不能为ip和locahost或者127，而且要备案的域名，所以 在开发者工具右上角“详情”打开，勾选“不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书”，如图：
勾选后他就不校验了，自己些什么地址，只要本地能访问，就可以通信。
第二步：Idea +SpringBot+jpa+Mysql
2.1 Feile右键，project,选择Spring Initializer
2.2
2.3
然后接着finish，接下来是要在pom文件里添加jpa和mysql的依赖
2.4
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-data-jpa</artifactId>
</dependency>
<dependency>
<groupId>mysql</groupId>
<artifactId>mysql-connector-java</artifactId>
<version>5.1.21</version>
</dependency>
2…5 接下来建立目录文件
重点讲一下UserRepository,也就是DAO层，该类继承JpaRepository<User,String>，
public interface UserRepository extends JpaRepository<User,String>{
List<User> findAll();
}
其余的就是和往常一样，直接看代码吧
UserService
public interface UserService {
List<User> findAll();
}
UserServiceImpl
@Service
public class UserServiceImpl implements UserService {
@Autowired
private UserRepository userRepository;//注入Dao层
@Override
public List<User> findAll() {
return userRepository.findAll();
}
}
UserController
@Controller
@RequestMapping("/index")
public class UserController {
@Autowired
private UserService userService;
@ResponseBody
@RequestMapping("/userinfo")
public List<User> getAll(){
return userService.findAll();
}
}
User实体类，导入的包一定要是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复制我的绝不会错，要不然头疼死i
还记得刚才在小程序页面写的那个’bindtest’按钮么？现在我们来点击它，接下来就是见证奇迹的时刻了，如下图
在这里就能看到，前端控制台 通过 console.log输出了出来，也就意味了，你的小程序成功的访问到了数据库，此时此刻是不是感觉如面临春风，阳光四起，人生很美好是么？记得好评哦亲！！！