Node.js博客系统
jiaojsun
做一只快乐的小码龙
展开
-
nodejs新博客系统-1.1Node.js 从零开发个人博客项目
-------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------原创 2023-05-01 21:47:19 · 241 阅读 · 0 评论 -
Node.js博客系统--18.前台分类导航展示与排序
首先在路由中获取数据界面展示中暂时这样写添加分类中为了使新添加的排在最前面,可以这样添加一个降序。最后看一下效果 (有点丑,后面改样式)...原创 2018-11-18 22:24:04 · 189 阅读 · 0 评论 -
Node.js博客系统--20.后台管理-博客内容编辑与删除
首先修改上一节一个错误 然后在内容首页的路由中这样添加打印出来是这个样子 在页面中这样获取分类名称回忆一下界面 接着写修改的路由 编写编辑的界面content_edit.html{% extends 'layout.html' %}{% block main %}<ol class="breadcrumb"> &l...原创 2018-11-23 17:24:17 · 284 阅读 · 0 评论 -
Node.js博客系统--16.后台管理-添加博客分类功能
cd E:\miaovProgram\mongodb\binmongod --dbpath=E:\miaovProgram\blog\db --port=27017首先编写分类的UIadmin.js中这样写ui部分 当添加一个分类的时候,上面表单以post方式提交,所以现在增加一个post方式的路由 注意在写上面代码之前需要增加一个表结构当...原创 2018-11-17 22:46:53 · 248 阅读 · 0 评论 -
Node.js博客系统--17.后台管理-博客分类的修改和删除
首先加上分类的分页,和用户管理一样category.html这样写{% extends 'layout.html' %} {% block main %}<ol class="breadcrumb"> <li><a href="#">管理首页</a></li> <li>分原创 2018-11-18 15:59:43 · 392 阅读 · 0 评论 -
Node.js博客系统--21.后台管理-博客内容信息扩展
cd E:\miaovProgram\mongodb\binmongod --dbpath=E:\miaovProgram\personBlog\db --port=27017这一节主要扩展一下博客信息的内容首先,在contents.js里面加一些表的字段路由里面也要做一下添加。点击“添加内容”会出现一个界面,填写相关信息之后,点击提交调用下面的api,此处会保存数据...原创 2018-11-24 22:36:46 · 188 阅读 · 0 评论 -
Node.js博客系统--19.后台管理-博客内容添加管理
这一节主要编写后台管理的内容管理模块首先是ui部分增加路由增加一个添加的路由,注意这里读取了分类信息,然后把分类信息传给界面content_add.html{% extends 'layout.html' %}{% block main %}<ol class="breadcrumb"> <li><a href="...原创 2018-11-23 14:36:19 · 240 阅读 · 0 评论 -
Node.js博客系统--22.前台内容分页展示
首先写相关逻辑具体代码如下所示var express = require('express');var router = express.Router();var Category = require("../models/category");var Content = require("../models/content");router.get('/', functi...原创 2018-11-25 12:02:34 · 445 阅读 · 1 评论 -
Node.js博客系统--23.前台内容分类展示
这一节主要写这方面的内容点击不同的分类,下方显示相应的内容 注意在views/main目录下这样的话当我们点击的时候就会发送一个get请求,在get请求里面添加一个分类继续上面的api,具体的分类查询可以通过where实现。 通过上面方式,我们的分类查找功能就实现了 接下来我们优化一下下面的分页然后对上面的分类高亮也做一下处理这样处理就可以 ...原创 2018-12-01 13:41:47 · 180 阅读 · 0 评论 -
Node.js博客系统--24.内容详情页展示和阅读数处理
首先我们要处理一下“阅读详情”之后的内容main/index.html这样编写接下来将main.js里面的接口改动一下,具体如下var express = require('express');var router = express.Router();var Category = require("../models/category");var Content = ...原创 2018-12-01 15:09:19 · 379 阅读 · 0 评论 -
Node.js博客系统--25.内容评论实现
首先先写后台的api(测试了一下还是存在问题,下一节再说)然后看界面部分写提交之后发送的ajaxcomment.js$('#submitCommet').on('click', function () { debugger; const contentId = $('#contentId').val(); const content = $('#c...原创 2018-12-01 16:31:09 · 721 阅读 · 0 评论 -
Node.js博客系统--26.评论分页展示(**)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~项目时隔快一年,再次重读这个项目的时候,发现真是一个指的反复研究的好项目。靠着我惊人的记忆,竟然想起来了怎么去打开,然鹅,code runner这个功能竟然失效了,一脸懵逼。下来说说怎么把项目跑起来...原创 2018-12-22 16:22:37 · 354 阅读 · 4 评论 -
Node.js博客系统--10.用户登录
登陆模块和注册模块类似前端逻辑,通过ajax发送请求api逻辑html部分测试一下原创 2018-11-04 22:45:35 · 613 阅读 · 0 评论 -
Node.js博客系统--7.用户注册前端页面逻辑
设置路由编写登录和注册ui编写登录和注册交互以及注册的ajax原创 2018-11-02 19:49:40 · 276 阅读 · 0 评论 -
Node.js博客系统--9.基于数据库的验证和用户信息保存
(>cd E:\miaovProgram\mongodb\binmongod --dbpath=E:\miaovProgram\blog\db --port=27017)首先引入这个接着是这段代码 然后测试下面看一下数据库表是什么样子然后添加以下代码 ...原创 2018-11-04 10:37:18 · 421 阅读 · 0 评论 -
Node.js博客系统--2.项目创建、安装初始化和第一个请求的实现
技术框架项目初始化打开vscode,新建一个blog文件夹,在控制台npm init,除了出现package name:(blog)的时候需要填写一个blog,其他都只需要回车就可以接着执行以下命令分别使用npm i --save ~;安装下列包举两个例子项目结构分析所以新建以上文件夹应用创建app.js添加以下代码处...原创 2018-10-31 10:53:44 · 280 阅读 · 0 评论 -
Node.js博客系统--3.模板引擎的配置和使用
使用模板在app.js中编写以下代码在vscode中需要关掉run服务再重启,然后生效原创 2018-10-31 11:37:37 · 220 阅读 · 0 评论 -
Node.js博客系统--4.静态文件托管
静态资源文件处理在app.js中写如下代码效果如下总结一下/*** 用户发送http请求 =>url=>解析路由=>找到匹配规则=>执行指定绑定函数,返回对应内容至用户* /public =>静态=>直接读取指定目录下的文件,返回给用户* =>动态=>处理业务逻辑,加载模板,解析模板=>返回数据给用户...原创 2018-10-31 14:11:44 · 287 阅读 · 0 评论 -
Node.js博客系统--5.分模块开发与实现
划分模块在app.js中添加以下代码新建文件并添加代码前台路由和模板后台路由和模板功能开发顺序用户注册原创 2018-10-31 14:40:00 · 401 阅读 · 0 评论 -
Node.js博客系统--6.数据库连接、表结构Schema定义、Model创建
数据库的使用https://www.mongodb.com/ 去官网下载 貌似要注册我下载的zip,直接放在一个目录中,然后执行下列命令E:\miaov\mongo\mongodb\mongodb\bin>mongod --dbpath=E:\miaov\blog\db --port=27018然后安装一个关于mongodb的可视化工具https://robom...原创 2018-10-31 16:37:27 · 1080 阅读 · 0 评论 -
Node.js博客系统--11.使用cookie保存用户登录状态
cd E:\miaov\mongo\mongodb\mongodb\binmongod --dbpath=E:\miaov\blog\db --port=27017 接着上一节,上一节我们通过ajax登录成功了,如下所示但是我们刷新的时候却会是这种情况 现在我们就需要引入cookies 进行设置登陆成功的时候存入cookie信息解析cookie...原创 2018-11-06 10:27:24 · 798 阅读 · 0 评论 -
Node.js博客系统--12.普通用户和管理员功能的实现
首先新增加一个字段在数据库中增加一个管理员用户添加后结果为是否是管理员不能放在cookie中,这样做不安全,我们需要实时的去验证,可以在入口文件中这样写 首先引入User然后html中可以这样写测试一下...原创 2018-11-06 11:05:31 · 3442 阅读 · 2 评论 -
Node.js博客系统--8.body-parser模块的使用和后端用户名注册的基本验证
如何获取到前端传来的数据呢,这里需要一个中间件(body-parser) 设置路由重点是这里的代码 然后点击页面中的注册发送请求,可是api是这样的这是为什么呢?...原创 2018-11-03 19:56:14 · 312 阅读 · 0 评论 -
Node.js博客系统--13.后台管理功能及界面的搭建
一般开发先做后台的数据录入,然后做前端的界面显示admin.js中编写以下逻辑测试一下 设置路由引入相关css和js 编写html效果赋详细代码index.html{% extends 'layout.html' %}{% block main %}<h1>Hello, {{ userinfo.username }}&l...原创 2018-11-06 13:55:25 · 1105 阅读 · 0 评论 -
Node.js博客系统--14.后台管理-注册用户数据展示
在“用户管理”中添加路由 引入数据,传递给user_index页面 user_index内容user_index.html{% extends 'layout.html' %}{% block main %}<ol class="breadcrumb"> <li><a href="#">管理首页</a>&原创 2018-11-06 16:22:19 · 197 阅读 · 0 评论 -
Node.js博客系统--15.后台管理-注册用户数据分页原理和实现
添加分页功能分页内容引入原创 2018-11-06 17:34:09 · 368 阅读 · 0 评论 -
Node.js博客系统--1.学前要求、项目功能介绍、需求分析
本系列教程《Node.JS之“个人博客开发实战教程”》你可以学会:深度了解 Nodejs+express+mongodb+mongoose,打造个人博客,娴熟掌握前台的: 用户注册、登陆、博客文章列表、内容预览和评论功能。后台的:注册用户管理、博客分类管理、博客内容以及评论的管理功能。学前要求https://nodejs.org/dist/latest-v4.x/docs/api/...原创 2018-10-31 10:01:33 · 1025 阅读 · 0 评论