一,创建表结构  /schemas/categories.js

var mongoose = require('mongoose')
 
module.exports = new mongoose.Schema({
  category_name : String,
})
 

二,创建模型 /models/Categories.js

var mongoose = require('mongoose')
var categoriesSchema = require('../schemas/categories')
 
module.exports= mongoose.model('Categories',categoriesSchema)

三,前台 ( 使用模板语法 ):

(一),  博客分类首页  : /views/category.html

{% extends 'layout.html' %}
{% block main %}
<ol class="breadcrumb">
  <li><a href="/admin">管理首页</a></li>
  <li><span>分类列表</span></li>
</ol>
<h3>分类列表</h3>
<table class="table table-bordered">
  <tr>
    <th>分类名称</th>
  </tr>
    <!-- 循环输出数组 . id是对象,需要转换成字符串 -->
 
  {% for category in categories %}
  <tr>
    <td> {{category.category_name}}</td>
    {% endfor %}
  </tr>
</table>
{% endblock %}

(二),  添加博客分类页面 : views/category_add.html

{% extends 'layout.html' %}
{% block main %}
<ol class="breadcrumb">
  <li><a href="/admin">管理首页</a></li>
  <li><span>添加分类</span></li>
</ol>
<h3>添加分类</h3>
<form method="POST">
  <div class="form-group">
  <label for="category_name">分类名称</label>
    <input type="text" class="form-control" name="category_name" id="category_name" placeholder="Category Name">
  </div>
  <button type="submit" class="btn btn-default">Submit</button>
</form>
{% endblock %}

四,后台引入模型  /router/admin.js

  var Category = require('../models/Category')
**
* 分类管理
*/
router.get('/category',(req,res)=>{ // 是/,而不是 ./
  

  Category.find().then((categories)=>{
    res.render('admin/category',{
      userInfo: req.userInfo,
      categories:categories
    })
  })
})
/**
* 添加分类
*/
router.get('/category/add',(req,res)=>{
  res.render('admin/category_add',{
    userInfo:req.userInfo
  })
})
/**
* 分类的保存 , 验证接收表单提交的信息
*/
router.post('/category/add',(req,res)=>{
  // console.log(req.body)
 
  // 当用户提交错误的信息,则返回错误的页面 (因为前台没有设置AJAX) => 渲染一个错误的页面(通用错误页面 : admin/error)
  var category_name = req.body.category_name || ''
  if(category_name == ''){
    res.render('admin/error',{
      userInfo:req.userInfo,
      message:' 分类名称不能为空 ',
      url:'/admin/category/add'
  })
    return // 中断
}
// 查询数据库中是否存在刚刚上传的分类名称,有则返回分类名称已存在的信息,没有则存储上传的分类名称
Category.findOne({
  category_name:category_name
}).then((fs)=>{
  /**
  * 【bug】此处不能填 category_name 。
  * 参数不能为查询的对象(为空),应是查询后返回的结果
  * then 方法返回的是一个 Promise 对象
  * 异步操作的最终状态(" 完成或失败 "),以及该异步操作的结果值。
  * */
  if(fs){
    res.render('admin/error',{
      userInfo:req.userInfo,
      message:' 分类名称已存在 ',
      url:'/admin/category/add'
  })
    return Promise.reject() // 返回一个带有拒绝原因reason参数的Promise对象。 表示状态失败
  }else{
    // 保存
    return new Category({
      category_name:category_name
    }).save()
  }
 
}).then((newCategory)=>{
  if(newCategory){
    res.render('admin/success',{
      userInfo:req.userInfo,
      message:' 添加分类成功 ',
      url:'/admin/category'
    })
  }
})
 

16 ~ express ~ 添加博客分类的更多相关文章

  1. 搭建自己的博客(九):使用shell模式批量添加博客文章并增加分页功能

    想做个博客分页功能,但是没有太多的文章.所以使用shell命令行创建多篇文章. 1.打开pycharm下的terminal终端 python manage.py shell # 打开python终端 ...

  2. 基于SMB协议的共享文件读写 博客分类: Java

    基于SMB协议的共享文件读写 博客分类: Java   一.SMB协议 SMB协议是基于TCP-NETBIOS下的,一般端口使用为139,445. 服务器信息块(SMB)协议是一种IBM协议,用于在计 ...

  3. Node.js 从零开发 web server博客项目[express重构博客项目]

    web server博客项目 Node.js 从零开发 web server博客项目[项目介绍] Node.js 从零开发 web server博客项目[接口] Node.js 从零开发 web se ...

  4. 原生js添加博客点击鼠标出小心心效果~~

    昨天刚申请成功JS权限,心血来潮想添加点东西,记得之前看到别人家博客首页点击鼠标的时候会出现炫酷的 “小心心”,自己也来搞一个.没有用jquery啥的框架,原生js写起来麻烦了点,不过主要是怕博客首页 ...

  5. paper 16 : 计算机视觉领域博客资源

    这是收录的图像视觉领域的博客资源的第一部分,包含:中国内地.香港.台湾 这些名人大家一般都熟悉,本文仅收录了包含较多资料的个人博客,并且有不少更新,还有些名人由于分享的paper.code或者数据集不 ...

  6. Node.js+Express搭建博客系统基本环境安装

    1.下载安装node.js 官网下载地址:https://nodejs.org/en/download/ 2.安装express. 打开node命令行工具,在命令行中输入:npm install -g ...

  7. ajaxFileUpload 报这错jQuery.handleError is not a function 博客分类: WEB前端jquery

    ajaxfileuploadhandleError  今天刚打个一个技术群,里面有人问标题上的问题,嘿,我恰好遇过,现在大家至少也在用jquery1.9以上的版本,ajaxfileupload的版本早 ...

  8. 在Eclipse中使用Maven插件 博客分类: Java相关技术

    简介 本文介绍如何在Eclipse中通过maven插件编写java项目和web项目. 安装Maven 下载Maven最新版本,见:maven.apache.org/download.html 当前版本 ...

  9. eclipse中 将java项目转换为web项目 博客分类: Tomcat

      1.找到项目工作空间目录,打开.project文件,并修改文件, 修改如下:      找到:<natures> </natures>代码段,在代码段中加入如下内容并保存: ...

随机推荐

  1. 700k把web端程序包装为桌面程序

    electron因为自带cef所以体积巨大,还不是因为windows没有chromium的webview嘛,现在有了新edge后,这个项目通过依赖各个平台的webview,并依赖.net core,做 ...

  2. Pie Chart _Study

    1.Select a theme 2.Experiment with visual customization 3.Creat a script 4.Name should be as defined ...

  3. vs2010编译C++ 结构体

    //结构体的测试// CTest.cpp : 定义控制台应用程序的入口点. // #include "stdafx.h" #include <iostream> usi ...

  4. 非极大抑制睔PYTHON实现

    非极大抑制(Non-maximum suppression)python代码实现原创Butertfly 发布于2018-11-20 18:48:57 阅读数 293 收藏展开定位一个物体,最后算法就找 ...

  5. mysql创建数据库并设置字符集编码

    create database `mydb` character set utf8 collate utf8_general_ci;

  6. 用JS写一个网站树形菜单

    先上效果图: 主体内容就是侧边展示的一二三级菜单,树形结构的. 前端页面布局内容,页面内容简单用ul li 来完成所有的罗列项.用先后顺序来区分一级二级三级: <body> <b&g ...

  7. tools.sublime.ConvertToUTF8

    sublime乱码,GBK乱码,安装插件ConvertToUTF8 下载ConvertToUTF8,解压,文件夹命名为ConvertToUTF8 sublime->Preferences-> ...

  8. [Codeforces]1263D Secret Passwords

    题目 One unknown hacker wants to get the admin's password of AtForces testing system, to get problems ...

  9. ASP.NETCore -----导入Excel文件

    前端上传excel文件利用npoi读取数据转换成datatable(netcore坑爹啊,用的vs2017竟然不能可视化) 前端界面 @{ Layout = null; } <!DOCTYPE ...

  10. Xilinx Vivado器件分配管脚:LVDS差分电平信号如何分配管脚?

    最近在把Quartus Prime 15.1的工程移植到Vivado 2019.1,需要改变的地方还是很多的,先记一下差分信号在FPGA中的收发管脚定义和配置.以LVDS信号为例吧. 在7 Serie ...