Django开发Web应用快速检索 - bettermorn/ACMWDevHubPPT GitHub Wiki

Django Web应用的文件说明

配置文件

通用设置

  • settings.py 包括css，js等静态文件
  • apps.py RunConfig

页面访问路由配置

  • urls.py 配置urlpatterns

前端（Web页面）

Templates/*.html

后台（业务逻辑）

views.py

常用方法

Python方法处理页面中的逻辑

request 为 GET

request 为 POST

前端控件Bootstrap、JQuery

https://getbootstrap.com/ https://jquery.com/

可访问权限

{% csrf_token %}

使用Modal dialog

使用radio

<input class="form-check-input" type="radio" name="model_name" id="tst" value="tst" checked/>
<input class="form-check-input" type="radio" name="model_name" id="cnnlstm" value="cnnlstm"/>
var checkedvalue = $('input[name=model_name]:checked', '#modelForm').val();

熟练用JQuery获取页面元素和处理事件响应

$("#a").html(htmlvalue), val(value)
$("#data").hide();
$("#nodata").show();
$(".compute").on("click", function() {});

页面显示与否

hide，show

将服务端数据传到前端页面的方法

<input id="columnlist" type="hidden"  value="{{columnlist}}"/>

可采用AJAX处理页面交互逻辑

  1. 确认提交信息；
  2. 获取数据信息 ：var serializedData = $(this).serialize();

数组显示

 {% for column in columnlist  %}
    <td>{{ column|safe }}</td>
 {% endfor %}

二维数组

Form提交，例如上传

<form id="uploadForm" action="{% url 'data' %}" method="POST" enctype="multipart/form-data">
<input id="uploadBtn" type="submit" class="demo-button" value="上传" />

逻辑模型采用Python代码

注意

  1. 用模型运算需要相应的Python依赖库，环境可能会冲突；

可用控件

jquery.dataTables，但不要拘泥此控件，有时候自己写会更有效率

调试方法

控制台打印信息

console.log(response)

⚠️ **GitHub.com Fallback** ⚠️