django学习记录07——订单案例(复选框+ajax请求)

news/2024/5/25 10:26:00/文章来源:https://blog.csdn.net/qq_39484271/article/details/136515489

1.订单的数据表

1.1 数据表结构

在这里插入图片描述

1.2 数据表的创建

models.py

class Order(models.Model):"""订单号"""oid = models.CharField(max_length=64, verbose_name="订单号")title = models.CharField(max_length=64, verbose_name="名称")price = models.FloatField(verbose_name="价格")status_choice = ((1,"待支付"),(2,"已支付"),)status = models.SmallIntegerField(verbose_name="状态",choices=status_choice,default=1)admin = models.ForeignKey(verbose_name="管理员",to="Admin",on_delete=models.CASCADE)
  • status字段采用choice方式,获取值特别注意使用`get_status_display``

  • ``admin`作为外键,使订单表与管理员连接,自动创建admin_id字段,采用级联删除方式。

获取admin表username字段的方法

  • 直接 .字段
  • 在admin中设置默认返回username,def __str__(self): return self.username

2.订单案例的实现

2.1 订单案例功能概述

​ 将订单的展示、订单的增加、订单的更新、订单的删除等功能集成到一个页面中。增加和删除页面使用模态框实现,增删改查均使用Ajax请求进行数据传输。

2.2 订单案例总页面和列表展示功能

oeder_list

def order_list(request):queryset = models.Order.objects.all()form = OrderModelForm()page_object = Pagination(request, queryset)context = {'queryset': page_object.query_set,'form': form,'page_str': page_object.createHtml()}return render(request, "order_list.html", context)

queryset = models.Order.objects.all() 获取数据库数据

form = OrderModelForm() 向前端传输构造的表单,用与增加更新页面的形成

page_object = Pagination(request, queryset) 分页组件的应用

order_list.html

{% extends 'layout.html' %}{% block content %}...<!-- 新建 /编辑订单的对话框-->.........<!--删除订单的对话框-->.........<!-- 数据展示 --><div class="panel panel-default"><div class="panel-heading">订单列表</div><div class="bs-example" data-example-id="hoverable-table"><table class="table table-hover"><thead><tr><th>ID</th><th>订单号</th><th>名称</th><th>价格</th><th>状态</th><th>管理员</th><th>操作</th></tr></thead><tbody>{% for obj in queryset %}<tr><td>{{ obj.id }}</td><td>{{ obj.oid }}</td><td>{{ obj.title }}</td><td>{{ obj.price }}</td><td>{{ obj.get_status_display }}</td><td>{{ obj.admin.username }}</td><td>......</td></tr>{% endfor %}</tbody></table></div><ul class="pagination">{{ page_str }}</ul></div>
{% endblock %}{% block js %}
...
...
...
{% endblock %}

<td>{{ obj.get_status_display }}</td> choice字段的数据展示
<td>{{ obj.admin.username }}</td> 外键各字段的展示方法

<ul class="pagination"> {{ page_str }} </ul> 分页功能

2.3 订单增加与订单更新功能

由于增加和更新都是用复选框,而且一般情况下增加页面和更新页面可以各使用一个复选框,但本文将增加页面和更新页面集成到一个复选框中。

增加和更新功能集成到一个复选框中,并且两个功能都需要创建数据输入的表单。不同的是,增加功能相对较简单,更新功能需要获取待更新数据的id,并且将待更新数据旧数据填充到表单中

因此增加和更新功能复选框的区分标准是是否定义了待删除数据id

2.3.1 复选框的生成

order_list.html

{% extends 'layout.html' %}{% block content %}<div style="margin-bottom: 10px"><div><input type="button" class="btn btn-primary" value="新建订单1" data-toggle="modal" data-target="#Modal"><input id="addShow" type="button" class="btn btn-primary" value="新建订单2"></div></div><!-- 新建 /编辑订单的对话框--><div class="modal fade" id="Modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-header"><h4 class="modal-title" id="myModalLabel"></h4></div><div class="modal-body"><form id="formAdd"><div class="clearfix">{% for field in form %}<div class="col-xs-6"><div class="form-group" style="position: relative;margin-bottom: 20px;"><label>{{ field.label }}</label>{{ field }}<span class="error-msg" style="color: red"></span></div></div>{% endfor %}</div></form></div><div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">取 消</button><button id="btnSave" type="button" class="btn btn-primary">保 存</button></div></div></div></div><!--删除订单的对话框-->......<!-- 数据展示 -->......
{% endblock %}{% block js %}
...
...
{% endblock %}

2.3.2复选框的内容

    <div class="modal fade" id="Modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-header"><h4 class="modal-title" id="myModalLabel"></h4></div><div class="modal-body">正常的modelForm表单构造</div><div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">取 消</button><button id="btnSave" type="button" class="btn btn-primary">保 存</button></div></div></div></div>

ModelForm的表单构造,由order_list视图函数传来的form来实现

2.3.3增加订单绑定复选框

<div><input type="button" class="btn btn-primary" value="新建订单1" data-toggle="modal" data-target="#Modal"><input id="addShow" type="button" class="btn btn-primary" value="新建订单2">
</div>
  1. 新建订单1按钮,采用官方文档给的唤醒复选框的方法 data-target="#Modal" 直接写复选框的id即可
  2. 新建订单2按钮,采用jQuery+js进行唤醒复选框
<script type="text/javascript">var UPDATE_ID;$(function () {//增加订单按钮bindBtnaddShow();})function bindBtnaddShow() {$('#addShow').click(function () {//由于添加和更新使用同一个对话框,每次点击要清除表单//成功后清除表单// $("#formAdd")jQuery对象无重置功能  $("#formAdd")[0] Dom对象,有重置功能$("#formAdd")[0].reset();//根据对话框的id,更改对话框标题$('#myModalLabel').text('新建订单');// 点击新建按钮,显示对话框$('#Modal').modal('show');})}</script>

加载页面自动执行函数

$(function () {//增加订单按钮bindBtnaddShow();
})

$('#addShow').click(function () { }) 将id为addshow的按钮绑定以下事件

$('#myModalLabel').text('新建订单'); 由于增加与更新共用复选框,因此可以根据不同请求对id为myModalLabel的标签的文本进行赋值

$('#Modal').modal('show'); 显示id=model的复选框

2.3.4 更新订单绑定复选框

<td><input uid="{{ obj.id }}" type="button" class="btn btn-warning btn-sm updateShow" value="编辑">
</td>

设置属性uid,表示待操作数据的id

<script type="text/javascript">//全局变量存储待更新/删除的订单idvar DELETE_ID;var UPDATE_ID;$(function () {bindBtnupdateShow();})function bindBtnupdateShow() {$('.updateShow').click(function () {//由于添加和更新使用同一个对话框,每次点击要清除表单//成功后清除表单// $("#formAdd")jQuery对象无重置功能  $("#formAdd")[0] Dom对象,有重置功能$("#formAdd")[0].reset();//获取待更新的数据idUPDATE_ID = $(this).attr('uid')//更新窗口需要展示待更新数据各字段,因此需要利用ajax请求获取相关信息$.ajax({url: '/order/details',type: 'get',data: {uid: UPDATE_ID,},dataType: 'JSON',success: function (res) {// 数据存在,弹出编辑对话框if (res.status) {//将对应数据填充到input输入框中$.each(res.data, function (name, value) {console.log(name, value);//找到id为id_name的下一个标签,对value赋值$("#id_" + name).val(value);})//根据对话框的id,更改对话框标题$('#myModalLabel').text('编辑订单');// 点击新建按钮,显示对话框$('#Modal').modal('show');} else {alert(res.error)}}})})}
</script>
  • 加载页面自动执行函数
$(function () {//增加订单按钮bindBtnupdateShow();
})
  • 更新复选框的展示

$('.updateShow').click(function () { }) 将class为updateshow的按钮绑定以下事件,使用class是因为每条数据均有一个更新按钮

  • 获取待更新数据的基本信息并填充的到更新复选框的输入框中

    • UPDATE_ID = $(this).attr('uid') 获取待更新的数据id
    • 更新窗口需要展示待更新数据各字段,因此需要利用ajax请求获取相关信息
    $.ajax({url: '/order/details', //请求地址type: 'get',data: {uid: UPDATE_ID,     //传输带更改的数据id},dataType: 'JSON',success: function (res) { // 数据存在,弹出编辑对话框if (res.status) {//将对应数据填充到input输入框中$.each(res.data, function (name, value) {//找到id为id_name的下一个标签,对value赋值$("#id_" + name).val(value);})//根据对话框的id,更改对话框标题$('#myModalLabel').text('编辑订单');// 点击新建按钮,显示对话框$('#Modal').modal('show');} else {alert(res.error)}}})
    

    getdetails视图函数

    def order_details(request):uid = request.GET.get('uid')# 方式2 采用value 使查询数据库时按需返回并组成字典# 若不加first  返回queryset类型row_dict = models.Order.objects.filter(id=uid).values('title', 'price', 'status').first()print(row_dict)if not row_dict:data_dict = {'status': False, 'error': '数据不存在'}return HttpResponse(json.dumps(data_dict))data_dict = {'status': True,'data': row_dict,}print(json.dumps(data_dict))  # {"status": true, "date": {"title": "1111", "price": 2222.0, "status": 2}}return HttpResponse(json.dumps(data_dict))
    

    根据id查询数据的两种方式

    1. 方式1 返回数据对象
     若不加first 返回queryset类型row_object = models.Order.objects.filter(id=uid).first()if not row_object:data_dict = {'status': False, 'error': '数据不存在'}return HttpResponse(json.dumps(data_dict))data_dict = {'status': True,'date': {'title': row_object.title,'price': row_object.price,'status': row_object.status,}}print(json.dumps(data_dict))  
    # {"status": true, "date": {"title": "1111", "price": 2222.0, "status": 2}}return HttpResponse(json.dumps(data_dict))
    
    1. 方式2 采用value 使查询数据库时按需返回并组成字典
    # 若不加first  返回queryset类型
    # 加value和first  返回字典类型row_dict = models.Order.objects.filter(id=uid).values('title', 'price', 'status').first()print(row_dict)if not row_dict:data_dict = {'status': False, 'error': '数据不存在'}return HttpResponse(json.dumps(data_dict))data_dict = {'status': True,'data': row_dict,}print(json.dumps(data_dict))  # {"status": true, "date": {"title": "1111", "price": 2222.0, "status": 2}}return HttpResponse(json.dumps(data_dict))
    

    主要使用方式二

    订单字段主要有名称、订单号、价格、状态和负责人,对于订单号让系统自动生成、负责人由当前登录用户确定(在order_updat视图函数实现)

  • Ajax请求获取待修改数据的信息并打开复选框

//将对应数据填充到input输入框中
$.each(res.data, function (name, value) {
//找到id为id_name的下一个标签,对value赋值$("#id_" + name).val(value);
})

利用ModelForm生成的input输入框,id形式均为id_xxx,因此遍历视图函数传来的字典数据,并根据id给其value属性赋值

$('#Modal').modal('show'); 找到id为Model的复选框,显示

2.3.5 增加与更新的保存实现

order_list

{% extends 'layout.html' %}{% block content %}
...
...<!-- 新建 /编辑订单的对话框-->
...<div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">取 消</button><button id="btnSave" type="button" class="btn btn-primary">保 存</button></div>
...<!--删除订单的对话框-->
...
...<!-- 数据展示 -->
...
...
{% endblock %}{% block js %}<script type="text/javascript">//全局变量存储待删除的订单idvar DELETE_ID;var UPDATE_ID;$(function () {...bindBtnSaveEvent();})function bindBtnSaveEvent() {$('#btnSave').click(function () {console.log(UPDATE_ID)if (UPDATE_ID) {//更新操作doUpdate();} else {//编辑操作doAdd();}})}function doAdd() {UPDATE_ID = 0;$(".error-msg").empty();$.ajax({url: '/order/add',type: "post",data: $("#formAdd").serialize(),dataType: "JSON",success: function (res) {if (res.status) {//alert("添加成功");//成功后清除表单// $("#formAdd")jQuery对象无重置功能  $("#formAdd")[0] Dom对象,有重置功能//$("#formAdd")[0].reset();//关闭添加框//$('#myModal').modal('hide');//成功后刷新页面,更新展示列表location.reload();} else {$.each(res.errors, function (name, data) {// console.log(name,data);//找到id为id_name的下一个标签,给赋予文本$("#id_" + name).next().text(data[0]);})}}})}function doUpdate() {$.ajax({// 由于data传输的是整个表单,因此传输待修改的数据id时,利用urlurl: '/order/update' + '?uid=' + UPDATE_ID,type: "post",data: $("#formAdd").serialize(),dataType: "JSON",success: function (res) {if (res.status) {location.reload();} else {$.each(res.errors, function (name, data) {// console.log(name,data);//找到id为id_name的下一个标签,给赋予文本$("#id_" + name).next().text(data[0]);})}}})}</script>
{% endblock %}
  • 按钮绑定

data-dismiss="modal" 取消按钮绑定 点击取消,关闭复选框

id="btnSave" 保存通过id绑定jQuery

        function bindBtnSaveEvent() {$('#btnSave').click(function () {console.log(UPDATE_ID)if (UPDATE_ID) {//更新操作doUpdate();} else {//编辑操作doAdd();}})}

根据保存按钮传来的UPDATE_ID来判断操作类型

2.3.5.1 增加

doAdd()

function doAdd() {UPDATE_ID = 0;$(".error-msg").empty();$.ajax({url: '/order/add',type: "post",data: $("#formAdd").serialize(),dataType: "JSON",success: function (res) {if (res.status) {location.reload();} else {$.each(res.errors, function (name, data) {//找到id为id_name的下一个标签,给赋予文本$("#id_" + name).next().text(data[0]);})}}})}

order_add()

def order_add(request):form = OrderModelForm(request.POST)if form.is_valid():# 由于post请求未传来oid的数据,因此oid的数据需手动添加# print(form.cleaned_data) {'title': 'dadw', 'price': 123.0, 'status': 1, 'admin': <Admin: WYT>}# 随机生成oid(当前日期+四位随机数)oid = datetime.datetime.now().strftime('%Y%m%d%H%M') + str(random.randint(1000, 9999))########### 手动对某个字段添加数据的方法# form.instance.字段 = 数据form.instance.oid = oid# 对于管理员字段,自动填写为当前登录的用户,而不是用户输入# form.instance.admin_id = 当前用户登录的id(利用session), admin为外键,默认生成admin_id# request.session.get('info')['id']————当前用户登录的idform.instance.admin_id = request.session.get('info')['id']form.save()data_dict = {'status': True}return HttpResponse(json.dumps(data_dict))data_dict = {'status': False, 'errors': form.errors}return HttpResponse(json.dumps(data_dict, ensure_ascii=False))

订单字段主要有名称、订单号、价格、状态和负责人,对于订单号让系统自动生成、负责人由当前登录用户确定

  • 订单号

oid = datetime.datetime.now().strftime('%Y%m%d%H%M') + str(random.randint(1000, 9999)) 随机生成oid(当前日期+四位随机数)

手动对某个字段添加数据的方法

form.instance.字段 = 数据 form.instance.oid = oid

  • 负责人

对于管理员字段,自动填写为当前登录的用户,而不是用户输入

form.instance.admin_id = 当前用户登录的id(利用session), admin为外键,默认生成admin_id

request.session.get('info')['id']————当前用户登录的id

form.instance.admin_id = request.session.get('info')['id']

  • json返回

HttpResponse(json.dumps(data_dict, ensure_ascii=False))

等同于

return JsonResponse(data_dict)

2.3.5.2 更新

doUpdate()

function doUpdate() {$.ajax({url: '/order/update' + '?uid=' + UPDATE_ID,type: "post",data: $("#formAdd").serialize(),dataType: "JSON",success: function (res) {if (res.status) {location.reload();} else {$.each(res.errors, function (name, data) {// console.log(name,data);//找到id为id_name的下一个标签,给赋予文本$("#id_" + name).next().text(data[0]);})}}})
}

url: '/order/update' + '?uid=' + UPDATE_ID,由于data传输的是整个表单,因此传输待修改的数据id时,利用url

order_update()

@csrf_exempt
def order_update(request):uid = request.GET.get('uid')print(uid)row_object = models.Order.objects.filter(id=uid).first()# 此处row_object 无需判断是否存在  查找待删除id的信息时已校验(order_details)form = OrderModelForm(data=request.POST, instance=row_object)if form.is_valid():form.save()data_dict = {'status': True}return HttpResponse(json.dumps(data_dict))data_dict = {'status': False,'errors': form.errors}return HttpResponse(json.dumps(data_dict))

2.4 订单的删除

2.4.1 删除确认复选框的显示

{% extends 'layout.html' %}{% block content %}
...
...<!--删除订单的对话框--><div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"><div class="modal-dialog" role="document"><div class="alert alert-danger alert-dismissible fade in" role="alert"><h4>是否删除该数据!!!</h4><p style="text-align: right"><button type="button" class="btn btn-danger btnDelete">确 定</button><button type="button" class="btn btn-default" data-dismiss="modal">取 消</button></p></div></div></div><!-- 数据展示 -->
....
....
<td>{# 设置属性uid,表示待操作数据的id #}<input uid="{{ obj.id }}" type="button" class="btn btn-warning btn-sm updateShow" value="编辑"><input uid="{{ obj.id }}" type="button" class="btn btn-danger btn-sm deleteShow" value="删除">
</td>
....</div>
{% endblock %}

<input uid="{{ obj.id }}" type="button" class="btn btn-danger btn-sm deleteShow" value="删除"> 此按钮绑定复选框显示,并且将待删除的数据通过属性uid传输。

       function bindBtndeleteShow() {$('.deleteShow').click(function () {$('#deleteModal').modal('show');//获取待删除订单的id// $(this)获取当前标签[$('.deleteShow')]//attr() 方法设置或返回被选元素的属性值   返回uid属性的值DELETE_ID = $(this).attr('uid')})}

$('.deleteShow').click(function () { }) 点击所有class为deleteShow的按钮执行以下操作

$('#deleteModal').modal('show'); 点击删除按钮,显示删除警告框

(this)获取当前标签[$('.deleteShow')]

attr() 方法设置或返回被选元素的属性值 返回uid属性的值

DELETE_ID = $(this).attr('uid') 获取待删除订单的id

2.4.2 删除的实现

<!--删除订单的对话框--><div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"><div class="modal-dialog" role="document"><div class="alert alert-danger alert-dismissible fade in" role="alert"><h4>是否删除该数据!!!</h4><p style="text-align: right"><button type="button" class="btn btn-danger btnDelete">确 定</button><button type="button" class="btn btn-default" data-dismiss="modal">取 消</button></p></div></div></div>

<button type="button" class="btn btn-danger btnDelete">确 定</button> 此按钮绑定删除Ajax请求

<button type="button" class="btn btn-default" data-dismiss="modal">取 消</button> 此按钮绑定取消复选框

function bindBtndeleteEvent() {$('.btnDelete').click(function () {$.ajax({url: '/order/delete', type: 'get',data: {uid: DELETE_ID},dataType: 'JSON',success: function (res) {if (res.status) {//alert("删除成功")//关闭删除框$('#deleteModal').modal('hide');//待删除的数据id置空DELETE_ID = 0;//更新展示数据,页面刷新location.reload();} else {alert(res.error)}}})})}

url: '/order/delete', 或 /order/delete?uid=? 或"/order/" + DELETE_ID + "/delete" uid的传输方法,data传输或者url传输

$('#deleteModal').modal('hide'); 关闭删除复选框

2.5 数据库获取数据方式对比

想要去数据库中获取数据时:对象/字典

  • 对象,当前行的所有数据。
row_object = models.Order.objects.filter(id=uid).first()
row_object.id
row_object.title
  • 字典,{“id”:1,“title”:“xx”}
row_dict = models.Order.objects.filter(id=uid).values("id","title").first()
  • queryset = [obj,obj,obj,]
queryset = models.Order.objects.all()
  • queryset = [ {‘id’:1,‘title’:“xx”},{‘id’:2,‘title’:“xx”}, ]
queryset = models.Order.objects.all().values("id","title")
  • queryset = [ (1,“xx”),(2,“xxx”), ]
queryset = models.Order.objects.all().values_list("id","title")

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_1005893.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Hack The Box-Codify

目录 信息收集 rustscan nmap dirsearch WEB 提权 get user get root 信息收集 rustscan ┌──(root㉿ru)-[~/kali/hackthebox] └─# rustscan -b 2250 10.10.11.239 --range0-65535 --ulimit4500 -- -A -sC .----. .-. .-. .----..---. .----. .---. .--. .-. …

Long-term Correlation Tracking LCT 目标跟踪算法源码运行

资源 LCT-tracker项目地址VLFeat官网OpenCV下载地址OTB50数据集百度网盘资源 参考博客 一步一步教你跑lct-tracker&#xff08;Win10Matlab 2016bVisual Studio 2015&#xff09;LCT代码跑起来先文章思路总结 正文 1. 环境配置 我的环境&#xff1a;Win11、Visual Studio…

LF253DT运算放大器芯片中文资料规格书PDF数据手册引脚图图片参数价格功能

产品概述&#xff1a; 这些电路是高速JFET输入双运算放大器&#xff0c;在单片集成电路中集成了匹配良好的高压JFET和双极晶体管。 这些器件具有高转换速率、低输入偏置和失调电流以及低失调电压温度系数。 产品功能&#xff1a; 无闩锁操作内部频率补偿低功耗低输入偏置和…

JS数组相关知识

获取数组的最大值/最小值&#xff1a; let arrary [2,5,4] let max arrary[0] for(let i 0;i<arrary.length;i){if(arrary[i]>max){max arrary[i]} }console.log(max);//查询数组最小值let arr [2,21,34,23,45] let min arr[0] for(let i 0;i<arr.length;i){if…

24考研调剂 | 武汉纺织大学

教育部重点实验室招收24年调剂生&#xff0c;材料、化学、机械工程、计算机、力学等相关专业 考研调剂招生信息 学校:武汉纺织大学 专业:工学->材料科学与工程 年级:2024 招生人数:100 招生状态:正在招生中 联系方式:********* (为保护个人隐私,联系方式仅限APP查看)…

JavaEE:网络编程

网络编程&#xff1a;通过代码完成基于网络的跨主机通信 跨主机通信方式&#xff1a; 1.TCP/IP网络 2.蓝牙通信 3.近场通信NFC 4.毫米波通信&#xff1a;功率高&#xff0c;带宽高&#xff0c;抗干扰能力差 其中TCP/IP网络是日常编程中最常涉及到的&#xff0c;最通用的跨主机通…

吴恩达机器学习-可选实验:使用ScikitLearn进行线性回归(Linear Regression using Scikit-Learn)

文章目录 实验一目标工具梯度下降加载数据集缩放/规范化训练数据创建并拟合回归模型查看参数作出预测绘制结果 恭喜 实验二目标工具线性回归&#xff0c;闭式解加载数据集创建并拟合模型查看参数作出预测 第二个例子恭喜 有一个开源的、商业上可用的机器学习工具包&#xff0c;…

day42 动态规划part4

先遍历物品还是先遍历背包二刷再考虑吧。累了&#xff0c;不想停留太久。 背包问题 二维 &#xff08;卡码网题目&#xff09; 各种解释&#xff1a; 要理解的是这个表格每一个格子都是当前所处情况的最大价值&#xff0c;我们用已经推导出的最大价值来推导当前情况的最大价值…

用chatgpt写论文重复率高吗?如何降低重复率?

ChatGPT写的论文重复率很低 ChatGPT写作是基于已有的语料库和文献进行训练的&#xff0c;因此在写作过程中会不可避免地引用或借鉴已有的研究成果和观点。同时&#xff0c;由于ChatGPT的表述方式和写作风格与人类存在一定的差异&#xff0c;也可能会导致论文与其他文章相似度高…

LiveGBS流媒体服务器中海康摄像头GB28181公网语音对讲、语音喊话的配置

LiveGBS海康摄像头国标语音对讲大华摄像头国标语音对讲GB28181语音对讲需要的设备及服务准备 1、背景2、准备2.1、服务端必备条件&#xff08;注意&#xff09;2.2、准备语音对讲设备2.2.1、不支持跨网对讲示例2.2.2、 支持跨网对讲示例 3、开启音频开始对讲4、搭建GB28181视频…

Linux学习笔记(一)Linux基本指令

文章目录 前言目录常见命令1. pwd 打印当前所在路径2. cd 改变路径、切换路径3. 家目录 回到顶级目录4. 当前路径和上一路径5. 上一次路径6. 绝对路径和相对路径7. ls 列出目录内容8. mkdir 创建目录9. rmdir 删除目录10. touch 创建文件11. mv 修改文件目录、移动路径12. cp 复…

鸿蒙Harmony应用开发—ArkTS声明式开发(基础手势:RemoteWindow)

远程控制窗口组件&#xff0c;可以通过此组件控制应用窗口&#xff0c;提供启动退出过程中控件动画和应用窗口联动动画的能力。 说明&#xff1a; 该组件从API Version 9开始支持。后续版本如有新增内容&#xff0c;则采用上角标单独标记该内容的起始版本。 该组件为系统接口。…

【Axure高保真原型】下拉列表切换图表

今天和大家分享通过下拉列表动态切换统计图表的原型模板&#xff0c;我们可以通过下拉列表选择要显示的图表&#xff0c;包括柱状图、条形图、饼图、环形图、折线图、曲线图、面积图、阶梯图、雷达图&#xff1b;而且图表数据可以在左侧表格中动态维护&#xff0c;包括增加修改…

基于php的用户登录实现(v2版)(持续迭代)

目录 版本说明 数据库连接 登录页面&#xff1a;login.html 登录处理实现&#xff1a;login.php 用户欢迎页面&#xff1a;welcome.php 密码修改页面&#xff1a;change_password.html 修改执行&#xff1a;change_password.php 用户注册页面&#xff1a;register.html …

lvs+keepalive

虚拟路由冗余协议(Virtual Router Redundancy Protocol&#xff0c;简称VRRP) VRRP能够在不改变组网的情况下&#xff0c;将多台路由器虚拟成一个虚拟路由器&#xff0c;通过配置虚拟路由器的IP地址为默认网关&#xff0c;实现网关的备份。 协议版本: VRRPv2&#xff08;常用&…

网络通信另个角度的认识(进程间通信),端口号(为什么要有,和pid的关系,分类,如何封装,和进程的定位原理+对应关系),客户端如何拿到服务端的port

目录 另一个角度认识网络通信 端口号 引入 -- 为什么要有端口号 问题 解决 端口号和pid 举例 介绍 分类 知名端口 注册端口 动态端口 客户端如何知道服务端的端口号 封装端口号 定位原理 进程和端口号的对应关系 数据如何被上层进程读到 另一个角度认识网络…

深入理解Vue3中利用mitt:实现轻量级事件监听与触发

在 Vue3 中&#xff0c;父组件和子组件之间可以通过一些方式进行通信。其中&#xff0c;父组件向子组件通信主要有两种方式&#xff1a;传值和调用子组件的方法。 一、父组件向子组件传值 当父组件需要向子组件传递数据时&#xff0c;可以通过属性绑定的方式来实现。父组件可…

【Redis】redis持久化

redis 持久化 Redis是内存数据库&#xff0c;数据都是存储在内存中&#xff0c;为了避免进程退出导致数据的永久丢失&#xff0c;需要定期将Redis中的数据以某种形式(数据或命令)从内存保存到硬盘&#xff1b;当下次Redis重启时&#xff0c;利用持久化文件实现数据恢复。除此之…

leetcode 热题 100_删除链表的倒数第 N 个结点

题解一&#xff1a; 递归&#xff1a;利用递归栈逆向遍历链表&#xff0c;并用全局变量记录当前遍历的是倒数第几位节点&#xff0c;当遍历到待删节点的上一位节点时&#xff0c;node.nextnode.next.next删除待删节点。需要注意当删除的是头节点时&#xff0c;直接return head.…

Codeforces Round 933 (Div. 3) A~D

比赛链接 : codeforces.com/contest/1941 A . Rudolf and the Ticket 直接暴力即可 ; #include<bits/stdc.h> #define IOS ios::sync_with_stdio(0);cin.tie(0);cout.tie(0); #define endl \n #define lowbit(x) (x&(-x)) #define sz(a) (int)a.size() #define p…