如何判断当前界面的文件名称
- 进入网站后按F12打开浏览器调试模式
- 选中Sources窗口,观察当前已加载的html文件
- 刷新浏览器或者点击等操作加载新页面
- 对比之前的列表,新显示出来的html即为当前的界面
界面位置
-
首页(http://172.31.129.170:5354/index/)
整体是首页是index.html,红框是加载的其他html。通过左侧的导航栏选择不同的界面只改变了红框中的html,首页的index.html没有改变(html嵌套) -
其他界面通过文章开头讲述方法就可以定位到
前后端交互
前台访问后台
方式: get&post请求
- 直接在浏览器中输入url
- 超链接a标签
- 按钮button标签
- form表单
- ajax等异步请求
- 方法回调
传输内容:
请求地址+请求参数
<dd data-name="console">
<a lay-href="htmls/shipei_import.html">适配信息录入</a>
</dd>
后台处理前台请求
1. 在urls.py中添加路径
path('index/htmls/shipei_import.html', views.shipei_import),
解释:
第一个参数是a标签等前台自由定义的请求路径
第二个参数是将该路径的请求指定到views.py中的某个方法处理
2.在views.py中添加前台请求的的处理方法
#展示信息导入界面
def shipei_import(request):
"""
:param request:
:return: 要渲染的界面
"""
return render(request, "htmls/shipei_import.html")
解释:
- 方法名即是urls.py中的第二个参数
- 参数request是请求参数,是字典类型,可通过字典的key取对应的值
- 处理请求中的值,并返回处理结果到前台展示