新闻页面（六）

最新推荐文章于 2024-09-09 01:00:00 发布

nanling0220

最新推荐文章于 2024-09-09 01:00:00 发布

阅读量241

点赞数

分类专栏：新闻页面练习

本文链接：https://blog.csdn.net/nanling0220/article/details/105348174

版权

这篇博客主要介绍了如何使用Pug模板引擎来创建新闻页面，包括管理员添加新闻页面、新闻列表展示页以及新闻详情页的结构和内容。通过index.pug、newsListPage.pug和news/Detail/pug、news/index/pug等文件，展示了新闻网站前后端的实现过程。

摘要由CSDN通过智能技术生成

admin/addNewspage/pug

doctype html
html(lang='en')
  head
    meta(charset='UTF-8')
    meta(name='viewport', content='width=device-width, initial-scale=1.0')
    meta(http-equiv='X-UA-Compatible', content='ie=edge')
    title Document
    link(rel='stylesheet', href='./css/addNews.css', type='text/css')
  body
    .menu-content
      h1 添加新闻
      form.addInput(method='post', action='/admin/addNewsData' enctype="multipart/form-data")
        div
          | 标题：
          input.title(type='text' name="title")
        .contentContainer
          | 内容：
          textarea.content(name='content', id='', cols='30', rows='10')
        div
          | 类型：
          select.selectStyle(name='type', id='')
            option(value='逮捕')
              | 逮捕
            option(value='消息')
              | 消息
            option(value='通讯')
              | 通讯
            option(value='文学')
              | 文学
        .uploadContainer
          | 缩略图：
          span.fileinput-button