鸿蒙app前后端流程实现

首先要理解django里面的文件
1.使用的是MySQL,这里需要在__init__.py导入pymysql,,注意是创建项目时生成的__init__.py文件(我用的MySQL和django都是在云服务器,因为鸿蒙app真机运行的时候用的远程模拟器,电脑本地地址访问不成功)

Setting.py文件:连接自己的MySQL和对应的数据库

下面实现登录验证:
鸿蒙app前端:
文本框输入信息,点击登录按钮实现监听,发送网络请求


Hml有关代码:

Js有关代码:
关于qs.stringify

qs.stringify把一个参数对象格式化为一个字符串,将对象 序列化成 URL 的形式(a=b&c=d),以&进行拼接

JSON.parse() 方法用来解析JSON字符串,将JSON字符串转换为JSON对象(把key=value连接字符串转成对象,如:name=hehe&ange=10==>{name:‘hehe’, ange:10}

Django后端:

方法一:不通过models.py建表,不使用表迁移,像python调用数据库实现增删改查方式一样操作数据库
此处在views.py里连接MySQL



方式二:使用表迁移,需要手动在models创建表

下面实现注册:


Hml有关代码:

Js:


django后端:(用第一种方式实现)

下面实现数据返回,前端获取数据反馈:
需要清楚数据类型,清楚列表、字典之间的关系
列表里存放字典
 

d=dict(a=1,b=2,c=3)
l=[d for i in range(3)]
print l[{‘a’: 1, ‘c’: 3, ‘b’: 2}, {‘a’: 1, ‘c’: 3, ‘b’: 2}, {‘a’: 1, ‘c’: 3, ‘b’: 2}]
[{“avg”: 38.0, “stability”: 20, “independence”: 50, “balance”: 40, “continuity”: 60, “harmony”: 20},{ }]

Hml相关代码:


Js相关代码:

Django后端相关代码:

django查询中模糊的知识点,filter(blog=blog),filter(username=username).first()--这两者只需一招让你分清QuerySet对象,和用户字典对象 - 大海一个人听 - 博客园 (cnblogs.com)

django查询中模糊的知识点,filter(blog=blog),filter(username=username).first()--这两者只需一招让你分清QuerySet对象,和用户字典对象 - 大海一个人听 - 博客园 (cnblogs.com)

  • 1
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
下面是SSM+Vue前后端不分离的实现流程: 1. 搭建SSM项目 首先需要搭建一个SSM项目,包括Spring、SpringMVC和MyBatis三个框架。可以使用Maven或Gradle进行依赖管理。 2. 引入Vue相关文件 将Vue相关的js、css等文件下载到本地,然后将这些文件复制到SSM项目的WebRoot目录下的vue文件夹中。 3. 在后端页面中引入Vue 在后端页面中引入Vue的js文件,如: ``` <script src="vue/vue.js"></script> ``` 然后在页面中定义Vue实例,如: ``` <div id="app"> {{ message }} </div> <script> var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } }) </script> ``` 4. 通过ajax请求获取数据 在Vue实例中通过ajax请求后端数据,获取数据后在页面中进行渲染,如: ``` <div id="app"> <ul> <li v-for="item in items"> {{ item.name }} - {{ item.age }} </li> </ul> </div> <script> var app = new Vue({ el: '#app', data: { items: [] }, mounted: function () { var that = this; $.ajax({ url: 'http://localhost:8080/getData', type: 'GET', success: function (data) { that.items = data; } }) } }) </script> ``` 5. 后端Controller中接收ajax请求 在后端Controller中定义相关的RequestMapping来接收Vue页面中的ajax请求,并返回相应的数据,如: ``` @RequestMapping(value = "getData", method = RequestMethod.GET) @ResponseBody public List<Item> getData() { List<Item> items = itemService.getItems(); return items; } ``` 通过以上步骤,我们就可以实现SSM+Vue前后端不分离的应用。需要注意的是,Vue是通过ajax请求后端数据来实现页面渲染的,因此需要在后端Controller中定义相关的RequestMapping来接收这些请求。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值