微信小程序开发(二):前后端整合(微信小程序+SpringBoot+jpa)

最近有闲时,自己整合了以下小程序开发,本来自己是做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输出了出来,也就意味了,你的小程序成功的访问到了数据库,此时此刻是不是感觉如面临春风,阳光四起,人生很美好是么?记得好评哦亲!!!

  • 21
    点赞
  • 139
    收藏
    觉得还不错? 一键收藏
  • 17
    评论
### 回答1: 微信小程序是一种基于微信平台的轻量级应用程序,具有便捷、高效的开发与发布特点。而Spring Boot是一种用于构建独立、可部署的、生产级别的Spring应用程序的框架。结合者可以开发出功能强大的微信小程序。 首先,我们需要搭建一个Spring Boot项目,可以使用Spring Initializr来快速创建项目结构。然后,我们可以引入相关的依赖,如Spring Web、Spring Data JPA等,以满足微信小程序的业务需求。接着,我们可以编写后端的Controller、Service和Repository等代码,来处理小程序的请求和数据操作。 接下来,我们需要创建一个微信小程序的项目,使用微信开发者工具来进行开发与调试。在小程序的前端代码中,我们可以通过小程序的API来与后端进行数据交互。例如,可以使用小程序的网络请求API来发送请求到后端的接口,获取数据并展示在小程序界面上。 在实际开发中,可以根据具体需求来设计和开发不同的功能模块,如用户管理、商品管理、订单管理等。我们可以使用Spring Boot的控制反转和依赖注入特性,来管理和协调不同的模块之间的依赖关系。 总之,结合微信小程序和Spring Boot,我们可以开发出一个功能完善、用户友好的微信小程序后台管理系统。同时,使用Spring Boot的优势,如简化的开发流程、可靠的框架和丰富的社区支持,可以提高开发效率,并保证系统的稳定性和可靠性。 ### 回答2: 对于使用Java开发微信小程序以及Spring Boot管理系统的源代码,可以做出以下简要描述: 1. 微信小程序是一种基于微信平台的轻量级应用程序,使用Java开发微信小程序可以利用Java的跨平台特性,便于在不同的操作系统上运行和使用。 2. Spring Boot是一种基于Spring框架的开源Java框架,它能够简化Java应用程序的开发,提供丰富的功能和快速的开发方式。使用Spring Boot来开发管理系统,可以帮助管理员更方便地对系统进行配置和管理。 3. 在微信小程序开发中,可以利用Java的接口与微信平台进行交互,实现用户登录、获取用户信息、支付等功能。同时,还可以使用Java的数据访问技术和数据库来处理数据存储和查询等操作。 4. 在Spring Boot管理系统的开发中,可以利用Spring Boot提供的各种组件和功能来实现用户管理、权限控制、数据管理等功能。同时,也可以使用Java的相关技术来进行数据库操作、数据处理和接口开发等。 综上所述,使用Java开发微信小程序和Spring Boot管理系统的源代码,可以基于Java的跨平台特性和Spring Boot丰富的功能,快速开发出具有良好用户体验和管理功能的应用程序。 ### 回答3: 微信小程序是一种基于微信平台的应用程序,而Spring Boot是一个简化了配置和部署的Java框架。在开发微信小程序时,可以使用Java语言结合Spring Boot框架来开发和管理系统源代码。 首先,我们需要搭建开发环境。可以选择使用IntelliJ IDEA等集成开发环境,安装好Java和Spring Boot相关的插件和依赖。 接下来,我们需要创建一个Spring Boot项目。可以使用Spring Initializer来创建一个基础的项目结构,其中包括了一些必要的依赖和配置文件。 在项目中,我们需要添加微信小程序开发的相关依赖。这些依赖可以是微信提供的开发工具包,用于调用微信API或者处理用户的请求和响应。 然后,我们需要编写相应的代码。可以使用Java语言编写后端的业务逻辑和数据处理代码,使用Spring Boot提供的注解和框架来简化开发。同时,还需要编写前端的页面代码和交互逻辑,可以使用类似于HTML和CSS的前端技术来实现。 在开发过程中,可以使用调试工具和日志记录来调试和查看运行时的信息,以便排查和修复可能存在的问题。 最后,我们需要部署和发布我们的项目。可以选择使用云平台或者自己搭建服务器来部署我们的应用程序,以便用户可以访问和使用。 通过以上的步骤,我们可以使用Java语言和Spring Boot框架来开发和管理微信小程序的源代码。这样,我们可以实现丰富的功能和良好的用户体验,同时也能够方便地维护和扩展我们的应用程序。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 17
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值