前端通过后端修改数据库信息_前端页面报错,后端能直接改数据库吗

link之家
链接快照平台
输入网页链接，自动生成快照
标签化管理网页链接
二、实现步骤

1. 创建一个修改的html前端

{% extends 'aoapp/index.html' %}
{% block title %}修改订单{% endblock %}
{% block content %}
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-4"></div>
            <div class="col-md-4">
                <div style="height: 100px"></div>
                <div class="card shadow">
                    <div class="card-header text-center text-light bg-dark">
                        <h3 class="card-title">Order Form</h3>
                    </div>
                    <div class="card-body">
                        <form action="{% url 'updateorder' order.id %}" method="post">
                            {% csrf_token %}
                            {{ o_form.as_p }}
                            <div class="text-center">
                                <button type="submit" class="btn btn-primary">提交</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="col-md-4"></div>
        </div>
    </div>
{% endblock %}
2. 在首页里添加跳转到修改界面的按钮
 
 {% for i in order reversed %}
                            <th scope="row">{{ i.id }}</th>
                            <td>{{ i.customer }}</td>
                            <td>{{ i.product }}</td>
                            <td>{{ i.time_created }}</td>
                            <td>{{ i.status }}</td>
                                <a href="{% url 'updateorder' i.id %}" class="btn btn-primary">update</a>
                    {% endfor %}
3. urls.py里面添加相应的链接
 
因为在首页需要传递id进行查找并修改，str:pk这样，搭配{% url ‘updateorder’ i.id %} 
    path('updateorder/<str:pk>/', update_order,name='updateorder'),
4. 在views.py中添加与修改相对应的方法
 
def update_order(request, pk):
    order = Order.objects.get(id=pk)
    o_form = OrderForm(instance=order)
    if request.method == 'POST':
        o_form = OrderForm(request.POST)
        if o_form.is_valid():
            customer_get = o_form.cleaned_data['customer']
            product_get = o_form.cleaned_data['product']
            status_get = o_form.cleaned_data['status']
            # get的东西无法使用update
            order = Order.objects.filter(id=pk)
            # try:
            order.update(id=pk, customer=customer_get, product=product_get, status=status_get)
            # except :
            #     print('666')
            return redirect('homepage')
    context = {
        'order': order,
        'o_form': o_form,
    return render(request, "aoapp/updateorder.html", context)
使用了Form的方法，可以更加方便的和数据库进行交互
 
                    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、前端修改数据库二、实现步骤1. 创建一个修改的html前端2. 在首页里添加跳转到修改界面的按钮3. urls.py里面添加相应的链接4. 在views.py中添加与修改相对应的方法使用了Form的方法，可以更加方便的和数据库进行交互一、前端修改数据库创建一个修改的html前端在首页里添加跳转到修改界面的按钮urls.py里面添加相应的链接在views.py中添加与修改相对应的方法二、实现步骤1. 创建一个
 3.Controller控制拿到前台请求参数，传递给中间组件Service
 4.Service调用Mapper.java
 5. mapper.java映射到mapper.xml中的mybatis语句，类似Sql语句操作数据库
 6.其中项目通过Mybatis连接数据库中的数据表
 7.数据表数据增删改查
				1、也就是项目如何配置生产环境和发布环境的接口地址
平常我们开发项目时,都在公司的局域网内,调用接口也是局域网内部的,但是项目上线时,请求接口是线上服务器端的,那么就有接口之间的来回切换问题.在使用vue-cli搭建项目以后,做相关配置就可以实现,不用手动更改接口路径,也可以请求不同环境下的接口.
首先现在vue项目里面找到config这个文件，配置里面的index.js
代码如下：
				在前后端分离的开发项目中，前后端联调的时候会出现这样那样的问题，尤其是在调取数据的程序上面，有时候前端给的前端给到后端的明明是正确的但就是无法拿到正确的数据，下面小千就来给大家详解一下常见的三种数据传输方式。
1、地址栏传输数据
1）、query string Parameters：
当请求方式是get时，浏览器会使用查询字符串的方式进行传递数据，即：query string Parameters
查询字符串的规则：请求参数使用 URL地址和“问号传参“ 的方式进行传递----用问号把url和请求参数分开。




    

(1)前端UI
 <div class="text-h2 pa-12">
   <a  href="这里填写你的文件路径(注：在vue项目中这个文件的路径需要放在你的此vue文件的同级目录下，否则可能找不到文件，且文件名最好不要有中文)" download="法律信息导入模板(此处为下载文件的命名).xlsx">点击下载法律信息导入模板</a>
   <v-file-i
2. 根据数据库表结构设计前端界面，包括数据录入、查询、修改、删除等功能。
3. 开发后端程序，实现数据库的增删改查等操作。后端程序可以使用任何一种编程语言来实现，例如Python、Java、PHP等。在后端程序中，需要使用数据库连接器或者驱动程序来连接到数据库服务器，并执行相应的数据库操作。
4. 将前端界面和后端程序连接起来，通常使用HTTP协议来进行通信。在前端界面中，可以使用AJAX技术来向后端程序发送请求，并接收后端程序返回的数据。在后端程序中，可以使用Web框架来处理前端请求，并将处理结果返回给前端界面。
5. 配置数据库连接信息，包括数据库服务器地址、端口号、用户名、密码等信息。这些信息通常会存储在配置文件中，并由后端程序读取。
6. 测试数据库前端、后端和数据库连接的功能是否正常。可以进行一些基本的数据录入、查询、修改、删除等操作，以确保数据库系统能够正常工作。
总之，将数据库的前端、后端和数据库连接起来需要进行多个步骤，需要设计数据库表结构、开发前端界面和后端程序，并进行配置和测试。