（3）用户注册页面与功能的实现
（4）用户找回暗码
（5）用户注销账号
5.2 图书增删改查
（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    D:
密    码:
年    龄:
清空
提交
返回主菜单
主页css样式【index.css】
/* 第一页配景 */
div {
display: inline-block;
}
a {
text-decoration: none;
}
/* body{
width: 100%;
} */
.back1 {
position: relative;
/* display: inline-block; */
width: 100%;
height: 1200px;
background: url(‘…/imgs/image.png’) no-repeat;
background-size: 100% 100%;
}
/* 网站简介 */
.namebgc {
position: absolute;
top: -20%;
width: 44%;
height: 16%;
background-color: transparent;
transform: translate(70%, 180%);
}
.head1 {
position: absolute;
margin-top: 23px;
margin-left: 39px;
width: 15.3%;
height: 65%;
background: url(‘…/imgs/head1.png’) no-repeat;
background-size: 100% 100%;
background-color: transparent;
/* transform: translate(10%,10%); */
transition: all 1s;
}
.head1:hover {
transform: rotate(360deg);
}
.headfont {
background-color: transparent;
width: 70%;
text-align: center;
margin-top: 20px;
margin-left: 20px;
position: absolute;
left: 180px;
font-size: 80px;
font-weight: 700;
transition: all 0.6s;
/* font-family: ‘幼圆’; */
}
/* 当鼠标经过图标时,有一定的动画效果 */
.headfont div:nth-child(1) {
transition: all 0.3s;
color: blueviolet;
}
.headfont div:nth-child(1):hover {
transform: translateY(-5px);
}
.headfont div:nth-child(2) {
transition: all 0.3s;
color: aqua;
}
.headfont div:nth-child(2):hover {
transform: translateY(-5px);
}
.headfont div:nth-child(3) {
transition: all 0.3s;
color: cornflowerblue;
}
.headfont div:nth-child(3):hover {
transform: translateY(-5px);
}
.headfont div:nth-child(4) {
transition: all 0.3s;
color: gold;
}
.headfont div:nth-child(4):hover {
transform: translateY(-5px);
}
.headfont div:nth-child(5) {
transition: all 0.3s;
color: tomato;
}
.headfont div:nth-child(5):hover {
transform: translateY(-5px);
}
/* 简介 1388*232 */
/* 放置登录、注册几个按钮的盒子 */
.headtext {
background-color: transparent;
position: absolute;
width: 40%;
height: 40%;
transform: translate(80%, 60%);
text-align: center;
font-size: 26px;
}
.headtext .button {
margin-left: 30%;
margin-top: 1%;
width: 40%;
height: 100px;
display: block;
border-radius: 30%;
border: cornflowerblue 5px solid;
font-size: 40px;
line-height: 100px;
color: lightblue;
transition: all 0.4s;
}
.headtext .button:hover {
transform-origin: center;
border-color: chartreuse;
color: chartreuse;
transform: scale(110%, 110%);
}
注册css样式【resiger.css】
.nav{
display: inline-block;
width: 100%;
height: 780px;
text-align: center;
padding-top: 200px;
line-height: 30px;
background: url(“…/imgs/image.png”) no-repeat;
background-size: 100% 100%;
font-size: 20px;
font-weight: 700;
}
.texta{
display: inline-block;
width: 400px;
height: 20px;
margin-top: 20px;
}
.mbuttom{
display: inline-block;
width: 60px;
height: 30px;
border-radius: 15px;
background-color: darkgray;
margin-left: 20px;
margin-right: 20px;
margin-top: 25px;
text-decoration: none;
color: rgb(85,39,140);
}
root CSS【root.css】
*{
margin: 0;
padding: 0;
}
图片素材
本项目利用的是相对路径建好项目目录后直接将图片放在相应的目录即可
情况安装包
最后
技术是没有终点的，也是学不完的，最重要的是在世、不秃。零根本入门的时候看书照旧看视频，我觉得成年人，何须做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。
技术学到手后，就要开始预备口试了，找工作的时候一定要好好预备简历，毕竟简历是找工作的拍门砖，另有就是要多做口试题，复习巩固。
chartreuse;
transform: scale(110%, 110%);
}
注册css样式【resiger.css】
.nav{
display: inline-block;
width: 100%;
height: 780px;
text-align: center;
padding-top: 200px;
line-height: 30px;
background: url(“…/imgs/image.png”) no-repeat;
background-size: 100% 100%;
font-size: 20px;
font-weight: 700;
}
.texta{
display: inline-block;
width: 400px;
height: 20px;
margin-top: 20px;
}
.mbuttom{
display: inline-block;
width: 60px;
height: 30px;
border-radius: 15px;
background-color: darkgray;
margin-left: 20px;
margin-right: 20px;
margin-top: 25px;
text-decoration: none;
color: rgb(85,39,140);
}
root CSS【root.css】
*{
margin: 0;
padding: 0;
}
图片素材
本项目利用的是相对路径建好项目目录后直接将图片放在相应的目录即可
情况安装包
最后
技术是没有终点的，也是学不完的，最重要的是在世、不秃。零根本入门的时候看书照旧看视频，我觉得成年人，何须做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。
技术学到手后，就要开始预备口试了，找工作的时候一定要好好预备简历，毕竟简历是找工作的拍门砖，另有就是要多做口试题，复习巩固。
[外链图片转存中…(img-SzVzxf9p-1718600070948)]
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。 |
