多语言展示
当前在线:982今日阅读:197今日分享:19

uni-app的前端跟后端的简单数据交互

编写一个uni-app简单的数据交换功能并展示在客户端中
工具/原料
1

uni-app官方文档

2

HBuilderX开发工具

3

uni.request API接口

4

花生壳内网渗透

方法/步骤
1

创建数据库user表(表中有字段user_ud,user_name,user_phone,user_passowrd,user_sex,user_email,user_authgraph,user_like)

2

在idea中创建一个动态的javaWeb项目,使用MVC三层架构进行编写User的登录功能

3

A:编写一个公共的Utils工具类,用于连接数据库池的操作

4

在javaWeb动态项目的dao包下创建一个BaseDao类,用于操作sql语句的操作

5

然后在domain报下创建User.java的文件 主要用于跟数据库打交道使用的格式为JavaBean 需要生成get和set方法 并且需要提供有参和无参的构造方法(这里为了简便,就没有截图下来)

6

随后就是dao层、service层和web层的具体业务编写了 首先编写dao层的接口和dao的实现类

7

service层的接口和实现类的业务编写

8

最后就是web层中的servlet程序编写,在编写该userServlet程序之前,首先还是要编写一个工具的类来作为基类,以便后续的开发中还优化 BaseServlet是编写的基类 用于根据客户端传入的方法到指定的业务方法中去执行相应的功能

9

创建一个UserServlet程序,并且创建一个login的方法,用于用户的登录

10

在web.xml中进行servlet路径的配置

11

javaWeb用户登录的api接口开发就差不多了,简单模式的

方法/步骤2
1

打开HBuilderX开发工具,并且创建一个工程

2

在main.js中配置全局的请求路径

3

随后在index.vue中进行请求路径和数据的显示

4

随后在客户端进行显示

5

运行结果如图所示

注意事项
1

注意:在进行请求数据的时候,首先要保证在真机测试和开发工具所在的电脑端要在同一局域网下

2

如果在真机测试中,也在同一局域网下还是不能进行正常的访问,可用把javaWeb工具部署到公网或者使用花生壳软件进行内外的渗透

推荐信息