留言板预览效果
3-2 Django留言板功能

1、新建留言板项目
3-2 Django留言板功能
点击Create后
3-2 Django留言板功能

2、新建static–>css目录,New–>Directory,存放css文件,templates存放html文件
新建css文件,New–>Stylesheet
3-2 Django留言板功能
本文的html和css
文件下载:https://blog.csdn.net/f1ngf1ngy1ng/article/details/80798860

3、安装数据库驱动
参考https://blog.csdn.net/f1ngf1ngy1ng/article/details/80598084
配置数据库
3-2 Django留言板功能

3-2 Django留言板功能

4、根据django生成默认的数据表
点击Tools–>Run Manage.py Task,执行makemigrations,再执行migrate,数据库会生成django默认的数据表
3-2 Django留言板功能
3-2 Django留言板功能
3-2 Django留言板功能

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

3-2 Django留言板功能
编写views,配置urls
3-2 Django留言板功能
3-2 Django留言板功能

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

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

样式表路径配置
在setting文件的末尾
3-2 Django留言板功能
status状态码200表示加载成功
3-2 Django留言板功能

总结
以上是b边写边改的过程
熟悉后的正常流程为下图所示
3-2 Django留言板功能

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

相关文章:

  • 2021-11-17
  • 2021-12-29
  • 2021-09-19
  • 2022-01-01
  • 2021-06-28
  • 2021-10-16
  • 2022-12-23
猜你喜欢
  • 2021-12-29
  • 2022-01-11
  • 2021-12-19
  • 2021-12-19
  • 2021-12-29
  • 2018-05-27
相关资源
相似解决方案