黑马博客——详细步骤(七)项目功能的实现之文章管理

最新推荐文章于 2024-08-31 00:48:44 发布
原创 最新推荐文章于 2024-08-31 00:48:44 发布
· 1.2k 阅读 · 1 ·
版权
/n
文章标签：

#node.js

3.文章管理

 

1.添加文章管理和文章编辑页面路由：

验证两个静态页面能否被访问

2.实现点击切换导航栏功能：

3.更改连接的选中状态

 

实现文章管理功能：（基于数据库）

创建文章集合->添加文章具体内容

文章集合有五个字段：标题、作者、发布时间、文章封面、内容

实现发布新文章功能

 

表单数据必须以二进制的方式传递到服务器端

 

在服务器段添加  文章添加  相关的路由：

验证：发布新文章→提交

成功进入路由

服务器要接收客户端传递的二进制数据，需要第三方模块formidable

formidable

作用：解析表单，支持get请求参数，post请求参数、文件上传。

form.keepExtensions = false; 默认flase不保存

 

存放客户端上传的文件

验证：发布新文章→添加文章内容

提交后：

显示作者在页面中

使用js读取图片文件，并且将读取完成的图片显示在页面中

文件读取 FileReader

将客户端传递的文章插入数据库当中

验证：发布新文章→添加文章内容→选择文件→提交

在article页面展示文章数据

↑提前准备的测试数据

发布时间和作者的数据需要处理

作者（多集合联合查询）

发布时间的日期格式处理(第三方模块dateformat)

 

 

 

 

laravel文章增删改查
weixin_47716362的博客
10-25 1253
创建文章模型层 php artisan make:model Models/Article 继承Base class Article extends Base { // 追加一个字段 集合访问器 protected $appends = ['action']; // 访问器 public function getActionAttribute() { return $this->editBtn('admin.article.edit').'&
新手项目：黑马blog (适合刚接触node和数据库MongoDB)
lilien的博客
12-27 1517
来源：黑马前端 难度：⭐⭐（基础）——的新适合刚接触node和数据库MongoDB手小白 所需知识： 第三方模块： express框架（用于创建网站服务器以及路由） moogoose(连接数据库和操作数据库) art-template、express-art-template(渲染模板) 数据库：MongoDB 教程视频、源码和素材：链接: 链接: https://pan.baidu.com/s/1YGyZQOgDq-nq2LHAJ5agaQ 提取码: b2et 1. 项目环境..
laravel8 datatables ajax分页 前端渲染
孤单的时候狗作陪！的博客
02-27 494
1.引入datatables css js cdn 链接 <!--第一步：引入Javascript / CSS （CDN）--> <!-- DataTables CSS --> <link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/1.10.21/css/jquery.dataTables.css"> <!-- jQuery -->
黑马博客管理系统MySql + Express + art-template项目搭建(源码)
qq_64115060的博客
01-27 2446
黑马博客管理系统MySql + Express + art-template项目搭建(源码)
黑马博客——详细步骤(十)项目功能的实现之开发环境与生产环境
lilien的博客
12-29 849
6. 开发环境与生产环境 如何区分开发环境与生产环境 通过电脑操作系统中的系统环境变量区分当前是开发环境还是生产环境。 电脑→属性 对开发环境和生产环境进行不同的操作： 开发环境中把客户端的请求信息打印到控制台 7. 第三方模块config （1）把配置信息从项目中抽离到单独的文件中： 使用步骤 1. 使用npm install config命令下载模块 2. 在项目的根目录下新建config文件夹 3.
黑马头条vue2.0项目实战（七）——文章详情
weixin_56370772的博客
08-11 1081
如果需要修改 v-model 的规则名称，可以通过子组件的 model 属性来配置修改。
黑马头条vue2.0项目实战（八）——文章评论
weixin_56370772的博客
08-14 1144
弹层渲染出来以后就只是简单的切换显示和隐藏，里面的内容也不再重新渲染了，所以会导致我们的评论的回复列表不会动态更新了。把当前的评论对象传递给 reply-comment组件，把当前点击之后展示弹出层的值传递给爷爷组件，让爷爷组件展示回复评论弹出层，但是当一个事件中同时使用两次 $emit触发的其他组件中的事件，可能导致状态更新延迟。解决方案：只传递当前的评论对象，让控制显示弹出层的变量的状态卸载，$on 事件监听里。② 当点击评论项组件中的回复按钮的时候展示弹层。回复列表和文章的评论列表几乎是一样的。
黑马头条vue2.0项目实战（四）——首页—文章列表
weixin_56370772的博客
08-01 904
List 组件通过 loading 和 finished 两个变量控制加载状态， 当组件初始化或滚动到到底部时，会触发 load 事件并将 loading 设置成 true，此时可以发起异步操作并更新数据，数据更新完毕后，将 loading 设置成 false 即可。如果一次请求加载的数据条数较少，导致列表内容无法铺满当前屏幕，List 会继续触发 load 事件，直到内容铺满屏幕或数据全部加载完成。加载中，loading 为 true，表示正在发送异步请求，此时不会触发 load 事件。
黑马头条vue2.0项目实战（六）——文章搜索
weixin_56370772的博客
08-08 736
① 创建② 然后把搜索页面的路由配置到根组件路由（一级路由）
黑马JavaWeb开发笔记11——Maven介绍、详细安装、环境配置步骤教程
apple_68589597的博客
08-31 1003
本篇文章是2023年最新黑马JavaWeb开发笔记11：Maven介绍、详细安装、环境配置步骤的总结，帮助需要学习Web开发的朋友温故而知新。
黑马个人博客(前后端)
04-27
黑马个人博客(前后端)
big_event：大事件项目
02-08
big_event：大事件项目
黑马博客——详细步骤(二)项目功能的实现之登录功能
lilien的博客
12-29 1798
2. 项目功能实现 2.1 登录 1. 创建用户集合，初始化用户 1. 连接数据库 2. 创建用户集合 3. 初始化用户 2. 为登录表单项设置请求地址、请求方式以及表单项name属性 3. 当用户点击登录按钮时，客户端验证用户是否填写了登录表单 4. 如果其中一项没有输入，阻止表单提交 5. 服务器端接收请求参数，验证用户是否填写了登录表单 6. 如果其中一项没有输入，为客户端做出响应，阻止程序向下执行 ...
laravel8中Datatables ajax分页运用
zb0109的博客
03-05 304
引入datatables js、css等样式 <!--第一步：引入Javascript / CSS （CDN）--> <!-- DataTables CSS --> <link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/1.10.21/css/jquery.dataTables.css"> <!-- jQuery --> <scr
（黑马程序员）MongoDB + Express + art-template 项目实例-博客管理系统 第一页
weixin_39202130的博客
07-23 821
1、项目环境搭建 1.1、项目介绍 多人博客管理系统： 1、博客内容展示 2、博客管理功能 1.2、项目初始化 1、建立项目所需文件夹： ● public 静态资源 ● model 数据库操作 ● route 路由 ● views 模板 2. 在blog文件夹中创建public（静态资源）文件夹、创建model（放置和数据库相关的文件）文件夹、创建route（放置路由文件）文件夹、创建views(放置模板文件)目录 . 1.生成项目的描述文件，切换到命令行工具windows ...
黑马博客——详细步骤(三)项目功能的实现之新增用户
lilien的博客
12-29 867
2.2新增用户 1. 为用户列表页面的新增用户按钮添加链接 2. 添加一个连接对应的路由，在路由处理函数中渲染新增用户模板 3 .为新增用户表单指定请求地址、请求方式、为表单项添加name属性 4. 增加实现添加用户的功能路由 登录后点击新增用户→提交 5. 接收到客户端传递过来的请求参数 6. 对请求参数的格式进行验证 使用第三方模块Joi Joi JavaScript对象的规则描述语言和验证器。 报...
Django blog项目《十八》：后台admin《文章管理功能实现》
hl120841的博客
03-16 641
文章管理功能，实现文章的增、删、改、查和图片上传到服务器功能功能的实现 一、分析 1. 业务流程 1.文章展示 业务流程 前端通过form表单提交数据 判断起始查询时间是否满足要求并转化为时间格式 判断起始查询时间是否满足要求并转化为时间格式 判断起始时间和结束时间输入的三种情况：1.起始时间有、结束无；2.起始时间无、结束时间有；3.起始时间大于结束时间 模糊查询文章标题...
黑马博客——详细步骤(十二)项目功能的实现之文章评论和退出功能
lilien的博客
12-30 853
8.文章评论 1. 创建评论集合 2. 判断用户是否登录，如果用户登录，再允许用户提交评论表单 3. 在服务器端创建文章评论功能对应的路由 4. 在路由请求处理函数中接收客户端传递过来的评论信息 5. 将评论信息存储在评论集合中 6. 将页面重定向回文章详情页面 7. 在文章详情页面路由中获取文章评论信息并展示在页面中 1. 创建评论集合 2. 判断用户是否登录，如果用户登录，再允许用户提交评论表单 登录超级管理员跳转用户管理界面 登录普通用户跳转首页 修改...
黑马程序员 黑马博客之模板
love_Javc_you的专栏
04-21 3017
----------- android培训、java培训、java学习型技术博客、期待与您交流！ ------------ 你好 ----------------------- android培训、java培训、java学习型技术博客、期待与您交流！ ---------------------- 详情请查看：http://edu.csdn.net/heima
黑马头条项目管理端
最新发布
03-08
### 黑马头条项目管理端资源汇总 #### 关于黑马头条项目管理端的资料获取途径 对于黑马头条项目的管理端文档和教程，通常可以从官方渠道获得最权威的信息。这些资源可能包括但不限于官方网站、GitHub仓库以及在线课程平台上的教学视频。 #### 定时保存功能实现细节 在黑马头条项目中，为了确保编辑过程中的数据安全性和用户体验流畅度，采用了前端定时器机制来自动保存正在编写的富文本内容至服务器[^1]。具体来说： - 前端通过JavaScript设置了一个周期性的任务调度程序； - 当触发条件满足时（例如每隔一定时间间隔），会将当前编辑区内的HTML结构转换成JSON字符串形式； - 接着利用AJAX技术发起HTTP请求，把该JSON对象传递给后端接口处理； - 后端接收到此消息后负责解析并持久化存储到数据库相应表格内； ```javascript // JavaScript代码片段展示如何创建一个简单的定时保存逻辑 setInterval(() => { const editorContent = JSON.stringify(editor.getData()); fetch('/api/saveDraft', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: editorContent, }); }, 60 * 1000); // 每分钟调用一次API进行保存动作 ``` #### 自媒体文章发布流程概述 当涉及到自媒体作者的文章提交或更新时，系统设计了一套严谨的工作流以区分新旧记录，并妥善管理各阶段的状态变化[^2]。主要步骤如下： - 判断此次操作属于新建还是修订模式——依据是否存在有效的唯一标识符（即`id`字段）作为判别标准； - 对于新的条目而言，在完成基本信息录入之后将其标记为待审核状态存入临时区域等待进一步确认； - 若涉及已有稿件的更改，则需先行清理原有的关联映射关系再重新建立连接； - 不论哪种情况，最终都会同步更新至正式库表当中以便后续检索查阅； #### APScheduler的应用场景介绍 考虑到某些后台作业需要按照预定计划定期运行的情况，比如统计分析报告生成或是缓存刷新等任务，可以借助APScheduler这样的第三方库简化开发工作量[^3]。下面是一个简单例子展示了怎样配置一个多线程执行环境用于并发执行多个实例的任务队列： ```python from apscheduler.schedulers.background import BackgroundScheduler from apscheduler.executors.pool import ThreadPoolExecutor, ProcessPoolExecutor executors = { 'default': ThreadPoolExecutor(20), 'processpool': ProcessPoolExecutor(5) } job_defaults = { 'coalesce': False, 'max_instances': 3 } sched = BackgroundScheduler(executors=executors, job_defaults=job_defaults) def my_job(): print('This is a scheduled task.') # 添加一个新的定时任务 sched.add_job(my_job, 'interval', minutes=1) sched.start() ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值