建网站做代理ip,建设网站建设方案,网站开发短期培训,快速排名新19-【实战】问答平台项目结构搭建_剪_哔哩哔哩_bilibili
参考如上大佬的视频教程#xff0c;本博客仅当学习笔记#xff0c;侵权请联系删除 问答发布的web前端页面实现
register.html
{% extends base.html %}{% block head %}link relstylesheet href本博客仅当学习笔记侵权请联系删除 问答发布的web前端页面实现
register.html
{% extends base.html %}{% block head %}link relstylesheet href{{ url_for(static,filenamejs/register.js) }}link relstylesheet href{{ url_for(static,filenamecss/login_regist.css) }}
{% endblock %}{% block title %}注册{% endblock %}{% block main %}h3 classpage-title注册/h3form methodpostdiv classform-containerdiv classform-groupinput typetext nameemail placeholder邮箱 classform-control/divdiv classform-grouplabel forexampleInputEmail/labeldiv classinput-group input typetext namecaptcha classform-controldiv classinput-group-appendbutton classbtn btn-outline-secondary typebutton idcaptcha-btn获取验证码/button/div/div/divdiv classform-groupinput typetext nameusername placeholder用户名 classform-control/divdiv classform-groupinput typepassword namepassword placeholder密码 classform-control/divdiv classform-groupinput typepassword namepassword_confirm placeholder确认密码 classform-control/divdiv classform-groupbutton classbtn btn-primary btn-block立即注册/button/div/div/form
{% endblock %} login.html
{% extends base.html %}{% block head %}link relstylesheet href{{ url_for(static,filenamecss/login_regist.css) }}
{% endblock %}{% block title %}登录{% endblock %}{% block main %}h3 classpage-title登录/h3form methodpostdiv classform-containerdiv classform-groupinput typetext nameemail placeholder手机号码 classform-control/divdiv classform-groupinput typepassword namepassword placeholder密码 classform-control/divdiv classform-groupbutton classbtn btn-primary btn-block立即登录/button/div/div/form
{% endblock %} question.html
{% extends base.html %}{% block head %}link relstylesheet href{{ url_for(static,filenamecss/question.css) }}
{% endblock %}{% block title %}发表问答{% endblock %}{% block main %}h3 classpage-title发表问答/h3form methodpostdiv classform-containerdiv classform-groupinput nametitle typetext placeholder请输入标题 classform-control/divdiv classform-grouptextarea namecontext placeholder请输入内容 id classform-control rows3/textarea/divdiv classform-group styletext-align: right;button classbtn btn-primary提交/button/div/div/form
{% endblock %} index.html
{% extends base.html %}
{% block head %}link relstylesheet href{{ url_for(static,filenamecss/index.css) }}
{% endblock %}
{% block title %}首页
{% endblock %}{% block main %}ul classquestion-ul{% for question in questions %}lidiv classside-questionimg classside-question-avatar src{{ url_for(static,filenameimages/zhiliao.png) }} alt照骗/divdiv classquestion-mainp classquestion-titlea href{{url_for(qa.qa_detail,qa_idquestion.id)}}{{ question.title }}/a/pp classquestion-content{{ question.content }}/pp classquestion-detailspan classquestion-author{{ question.author.username }}/spanspan classquestion-time{{ question.create_time }}/span/p/div/li{% endfor %}/ul
{% endblock %} detail.html
{% extends base.html %}{% block head %}link relstylesheet href{{ url_for(static,filenamecss/detail.css) }}
{% endblock %}{% block title %}详情{% endblock %}{% block main %}h3 classpage-title{{ question.title }}/h3p classquestion-infospan作者{{ question.author.username }}/spanspan时间{{ question.create_time }}/span/phrp classquestion-content{{ question.content }}/phrh4 classcomment-group-title评论{{ question.answers|length }}/h4form action{{ url_for(qa.public_answer) }} methodpostinput typehidden namequestion_id value{{ question.id }}div classform-containerdiv classform-groupinput typetext placeholder请填写评论 namecontext classform-control/divdiv classform-groupbutton classbtn btn-primary评论/button/div/div/formul classcomment-group{% for answer in question.answers %}lidiv classuser-infoimg classavatar src{{ url_for(static,filenameimages/zhiliao.png) }} altspan classusername{{ answer.author.username }}/spanspan classcreate-time{{ answer.create_time }}/span/divp classcomment-content{{ answer.content }}/p/li{% endfor %}/ul
{% endblock %}
