留言板预览效果
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边写边改的过程
熟悉后的正常流程为下图所示
页面展示效果已经实现了,接下来就是后台逻辑实现