django开发电子商城(十七)登陆和注册页面的嵌入

1:复制html文件和图片资源文件到tempalte目录和static/img/目录


django开发电子商城(十七)登陆和注册页面的嵌入_第1张图片


django开发电子商城(十七)登陆和注册页面的嵌入_第2张图片

2:将静态文件的路径和图片的途径在html中进行修改


django开发电子商城(十七)登陆和注册页面的嵌入_第3张图片

3:在views.py中增加渲染函数


django开发电子商城(十七)登陆和注册页面的嵌入_第4张图片

4:在项目urls.py中增加路由


django开发电子商城(十七)登陆和注册页面的嵌入_第5张图片

运行效果如下:


django开发电子商城(十七)登陆和注册页面的嵌入_第6张图片

5:修改网页显示的title


django开发电子商城(十七)登陆和注册页面的嵌入_第7张图片

6:导入创建用户表单的库


django开发电子商城(十七)登陆和注册页面的嵌入_第8张图片

7:将创建表单的参数,返回到前端页面


django开发电子商城(十七)登陆和注册页面的嵌入_第9张图片

8:对前端html页面进行修改,利用表单生成注册需要提交的信息项


django开发电子商城(十七)登陆和注册页面的嵌入_第10张图片

9:在views.py中编写注册表单提交的时候响应信息,先判断提交的方法是否为POST,如果是的话,获取POST过来的相关信息,并判断FORM是否有效,返回对应的信息


django开发电子商城(十七)登陆和注册页面的嵌入_第11张图片

10:在html页面中增加表单的提交地址和提交方法


django开发电子商城(十七)登陆和注册页面的嵌入_第12张图片

运行结果如下:


django开发电子商城(十七)登陆和注册页面的嵌入_第13张图片

在admin后台,可看见刚刚注册的用户


django开发电子商城(十七)登陆和注册页面的嵌入_第14张图片

12:由于上面的方式改变了原有的HTML的样式,为保留原有HTML样式,设置相关字段的name值,与form中的默认值一致即可,具体如下:


django开发电子商城(十七)登陆和注册页面的嵌入_第15张图片

运行结果如下:


django开发电子商城(十七)登陆和注册页面的嵌入_第16张图片


django开发电子商城(十七)登陆和注册页面的嵌入_第17张图片

你可能感兴趣的:(django开发电子商城(十七)登陆和注册页面的嵌入)