3-2 Django留言板功能

留言板预览效果
这里写图片描述

1、新建留言板项目
这里写图片描述
点击Create后
这里写图片描述

2、新建static–>css目录,New–>Directory,存放css文件,templates存放html文件
新建css文件,New–>Stylesheet
这里写图片描述
本文的html和css
文件下载:https://blog.csdn.net/f1ngf1ngy1ng/article/details/80798860

3、安装数据库驱动
参考https://blog.csdn.net/f1ngf1ngy1ng/article/details/80598084
配置数据库
这里写图片描述

这里写图片描述

4、根据django生成默认的数据表
点击Tools–>Run Manage.py Task,执行makemigrations,再执行migrate,数据库会生成django默认的数据表
这里写图片描述
这里写图片描述
这里写图片描述

5、新建应用message,配置url,编写view
Tools–>Run Manage.py Task,执行startapp message

这里写图片描述
编写views,配置urls
这里写图片描述
这里写图片描述

6、启动项目,在pycharm中可以按住crtl s启动项目,在浏览器输入http://127.0.0.1:8000/form/,发现并不是我们想要的结果,以为还没有进行模板相关配置

模板查找路径配置
这里写图片描述
关于os.path相关应用可参考https://www.cnblogs.com/wuxie1989/p/5623435.htm
这里写图片描述
配置完成后,重启项目出现,点击下图中的链接
这里写图片描述
pycharm会在你的默认浏览器中打开项目
这里写图片描述
我们的样式表没有被加载进来,在浏览器页面按F12进行查看,点击Network,然后F5刷新,知道是css样式表加载失败
这里写图片描述

样式表路径配置
在setting文件的末尾
这里写图片描述
status状态码200表示加载成功
这里写图片描述

总结
以上是b边写边改的过程
熟悉后的正常流程为下图所示
这里写图片描述

页面展示效果已经实现了,接下来就是后台逻辑实现

猜你喜欢

转载自blog.csdn.net/f1ngf1ngy1ng/article/details/80792361
今日推荐