目录
本次项目为后台管理系统，在本系统内的第四个界面为窗体程序内的文章列表页面，作为首页内大分类下的小分类项目，需要和首页进行联合
文章列表的的功能介绍：
在进行本页面时，我们将进行多个功能的串联
1、进入页面
在首页进入时需要变换分类的样式，使用排他思想即可进行该项操作，而在大分类展开小分类的事件中使用基础动画效果即可
2、页面内的各种功能设计
（1）文章表格
由于数据库的调取，我们需要实时对表格进行更改，此时就要进行以下思路：
调取数据 > 渲染表格 > 用户操作数据 > 数据库接受更改，并存储 > 调取数据 >重新渲染表格
在调取接口时，使用拼接表格操作，将需要调取的数据直接进行渲染。
在调取数据库内的数据时，会同时返回数据量和多种数据，根据调用接口的不同来确定返回数据
（2）删除按钮
需注意每条数据在数据库和网页都具有一个唯一的标识符，该行的重点在于点击按钮时告知数据库删除的标识符，并返回数据。在后端数据库更改完数据后我们再次对表格进行渲染，以调取删除后的数据来完成该次操作。
在编写代码时，我们需注意前端注重的交互体验，即人机交互体验，类似于删除时提醒用户是否删除，告知删除是否完成等操作。
即注重用户体验也是前端的主要目标之一。
（3）编辑按钮
在要求中我们确定编辑按钮作为跳转按钮存在，将跳转到发表文章大分类内进行编辑，但是需要注意的是我们再跳转该网页的同时要附带我们点击编辑时所点击的编辑选项的唯一标识符，作为下个页面内渲染数据的支持
（4）发表文章按钮
发表文章按钮同理但是不做携带唯一标识符的处理
（5）所有分类下拉框
该下拉框会有专门的接口为我们进行调取来选择本身有的分类选项和后续我们添加的分类选项
（6）关键字检索
该处不做交互设计，我们只需要在其中写入数值让其他操作能读取到其中的内容并接收即可
（7）所有状态下拉框
该处也不做特殊处理，需要注意某些类似于布尔值一般的对错二选一，我们一般不使用接口进行特殊渲染，而是对其进行选择操作，即返回他们的值然后接收
（8）筛选按钮
该处按钮的设计将会返回三个值，分别是关键字检索，所有分类下拉框，所有状态下拉框
即我们的接口将调用多项值，在代码设计中我们将会获取其中的值并返回数据库，然后接收数据库修改后返回的值。
（9）页面底部的页码跳转
该处我们需获取表格后对总页数进行显示（后端会返还页数和每页条目消息），获取并写入跳转页等操作
当我们对于这些基础功能进行一些简单的说明和归类后我们就可以开始进行该页面的项目编写
一、网页设计
二、HTML代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>文章列表</title>
<link rel=
最低0.47元/天 解锁文章
扫一扫
815
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
