基于Vue、Axios、Node(1)

（2）删除前、删除后

（3）修改前、修改后

（4）查重机制

6、测试

======================================================================

系统开发完成之后，上线使用之前系统测试是必须的，因为只有对系统进行一个全面的测试，我们才可能发现系统中可能存在的问题，这些问题可能是技术缺陷，功能不全，业务需求达不到预先的效果等。新开发出来的系统没有十全十美的，所以这些缺陷有可能在测试中发现并得到解决，系统测试方法有很多，并且各个所占时间都不同，功能测试在整个系统测试的过程中占据的比例较大，功能测试也叫黑盒测试，黑盒测试不需要测试软件内部结构，目的是测试系统的功能。只要测试人员搭建好系统测试环境 。对各个函数接口进行测试即可。

6.1 测试环境

---

硬件环境：笔记本或台式电脑

操作系统：Windows 10

软件环境： 谷歌浏览器、Microsoft Edge浏览器

6.2 测试用例

---

只有严格按照完整的测试用例来对系统进行测试，才能使得系统不管是功能还是性能方面的质量都有所保证，没有十全十美的软件系统，但是我们可以通过测试减少很多不必要的错误，下面即是该系统的部分测试用例。

（1）图书管理测试用例

（2）管理员登录操作用例

结束语

=====================================================================

本次实验的设计与开发，是对本学期学习的一种很好的总结，在本学期的实验中，本次实验很具有挑战性，因此我选择了这个项目作为我的实验项目，在完成了实验的时候，我也遇到了许多困难与错误，在需求不明确的时候盲目的开发造成错误百出，某些知识点的掌握还不够，也有一些地方与预期不相符，我不得不查询各种资料，在一次次探讨之中，我慢慢的掌握的许多知识，在这些知识的认识之下，完成了该实验的设计与开发，技术与业务能力也有所提高，这对以后的事业发展有一定的积极影响作用

参考文献

======================================================================

致谢

====================================================================

本次实验的开发与设计是在郭德先老师的指导下完成的，老师的建议和谆谆教诲使得实验在一点点的完善，在这一学期的学习中，正是老师的责任心引导着我们完成一次又一次的实验，每次遇到解决不了的问题时，都会向老师咨询，老师总是能给出合理的建议并不断鼓励我完成实验，再次由衷的感谢老师。

---

源码

====================================================================

项目目录结构

---

大家根据这个项目的目录结构搭建即可,如有疑问评论区私聊博主。想要搭建好的项目评论区留言邮箱。

主页【index.html】

---

<el-dialog

:visible.sync=“dialogVisible”

style=“width: 70%; text-align: center; position: absolute; left: 15%; top: 20%”

账号:

密码:

<el-button @click=“dialogVisible = false”>取 消

<el-button type=“primary” @click=“dialogVisible = false;dialogs();”>确 定

<el-dialog

:visible.sync=“dialogVisible1”

style=“width: 70%; text-align: center; position: absolute; left: 15%; top: 20%”

账号:

年龄:

<el-button @click=“dialogVisible1 = false”>取 消

<el-button type=“primary” @click=“dialogVisible1 = false;losepasswd();”>确 定

阳

光

图

书

管

登录

注册

找回密码

注销账号

图书的增删改查【opbook.html】

---

处理中心

<temp_nodelate slot=“title”>我的工作台</temp_nodelate>

选项1

选项2

选项3

<temp_nodelate slot=“title”>选项4</temp_nodelate>

选项1

选项2

选项3

消息中心

订单管理

退出登录

<el-dialog

title=“请输入您的信息!”

:visible.sync=“dialogVisible”

style=“width: 70%; text-align: center; position: absolute; left: 15%”

id:

书名:

作者:

价格:

<el-button @click=“dialogVisible = false”>取 消

<el-button type=“primary” @click=“dialogVisible = false;add_or_amend();”>确 定

<temp_nodelate slot-scope=“scope”>

<el-button

type=“warning”

style=“width: 30%”

v-on:click=“addoramend=false;dialogVisible=true;index=scope.$index;”

修改</el-button

删除

</temp_nodelate>

<el-button style=“width: 15%; margin-top: 1%” v-on:click=“addoramend=true;dialogVisible=true”

+</el-button

默认链接

主要链接

成功链接

警告链接

危险链接

信息链接

注册页面【resger.html】

---

I&nbsp&nbsp&nbsp&nbspD:

密&nbsp&nbsp&nbsp&nbsp码:

年&nbsp&nbsp&nbsp&nbsp龄:

清空

提交

返回主菜单

主页css样式【index.css】

---

/* 第一页背景 */

div {

display: inline-block;

}
其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。

这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

《前端开发四大模块核心知识笔记》

最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。

我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。