基于Vue的图书销售系统设计与实现
来源:用户上传
作者:赵龙 王风硕
摘要:人们购买图书的方式逐渐变成了网上购买,而随着大数据时代的发展,人们对图书的需求反而增大。该文也正是在如此的条件下,对基于Vue的图书销售系统进行了设计与实现。
关键词:图书销售;Vue.js;B/S
中图分类号:TP311 文献标识码:A
文章编号:1009-3044(2021)36-0081-02
开放科学(资源服务)标识码(OSID):
1 引言
1.1 项目背景
在当代信息技术发达的情况下,各种信息通过网络的途径进入我们的视野,同时逐渐地影响我们的生活,影响着人们的思维方式和行动方式。在如此影响下,传统的商品营销模式也逐渐跟随时代的步伐,与以往产生了不同。于是网络购物系统就出现了,让人们轻松、方便地购买自己需要的物品,还能送货到家,更加符合当代人的生活方式。由此可以看出,基于Vue的图书销售系统――专门为售卖图书而开发的系统,是广大图书爱好者的福利,让人们生活更加便利。
1.2 Vue.js框架
Vue.js框架是一种用于构造以数据为驱动的Web用户界面的先进型框架[1]。Vue的一个核心库在视图层,对于项目开发者而言更加易于操作和上手,同时也让他们可以进行第三方库的整合,对于已有的项目亦是如此。另一方面,Vue.js与一个现代化的工具链可以很好地结合在一起使用,各种支撑类库也都可以。Vue.js还可以为单个页面的应用程序提供驱动。
Html超文本标记(标签)的语言,是由各种不同类型的标签所组合而成,可以被广泛应用于设计和制作各类网页,并且要告知一个浏览器应当如何去理解和显示这些页面。
CSS对网页美观进行优化和装饰,提高了Web开发的工作效率。
1.3 B/S结构介绍
B/S一种常见的数据库运用结构。这种结构可分为三层,第一层为表现层(UI),用于对用户和后台数据进行交互从而进行查询,然后输出所查询的结果砺足用户的需求;第二层是逻辑层(BLL),它的作用是对服务器的操作来满足客户端的应用进行逻辑处理;第三层是数据层(DAL),数据层主要是对后台数据库的管理同时可以直接对后台数据库进行操作处理,例如对图书信息的增、删、查、改等。B/S结构对于本系统后台数据的管控有着重要的作用,这样可以在开发中对数据更方便地进行处理,可以更加灵活、有效地对大量图书信息进行入库操作,同时也满足用户对大量图书的需求。
2 用户需求分析
对于图书爱好者来说,其需求有以下几点:可以有效快捷地查询得到自己需要阅读的各类图书详细资料;也可以通过网络查看详尽的有关图书资料的相关信息(如作者、简介、照片、产品日期等);也可以通过管理自己的购物车(对以后加入您所需要的购物车进行图书添加或者是删除、修改您需要的图书数量,选择一种付费的方式,并且在网上写下订单);同时还能够实时地查看自己的订单和历史上的购物资料或者是修改个人的登录等信息。
3 系统总体设计
3.1 设计目标
基于Vue的图书销售系统是普通读书爱好者的极大福利,这是一款专门为他们设计的既简单方便、又易操作的图书售卖系统,使其可以及时有效地购买所需的图书。
3.2 功能模块设计
图书销售系统主要划分为三大功能模块:销售管理、客户管理、基本信息管理,如图1。
3.2 部分功能实现代码
地址添加实现,核心代码如下:
clickAdd(){
//添加
if(this.flag){
this.addressList.forEach(item=>{
if(item.user===this.input){
item.address=this.di;
item.number=this.val;
}
});
this.input="";
this.val="";
this.address="";
this.save();
this.flag=false;
}else{
if(this.input.length!==0&&this.val!==0){
varrel=true;
this.addressList.forEach((item)=>{
if(item.name==this.input||item.number==this.val||item.address==this.address){
this.$message("地址信息已存在");
rel=false;
returnfalse;
}
});
4 数据库设计
4.1 E-R图设计
图书库存表中的书可以销售给多个客户,一个客户也可以购买多本书(图书库存表和客户表是多对多联系);
图书库存表中的书可以由多个供应商提供入库,一个供应商也可以给多个图书馆提供库存量(图书库存表和供应商表是多对多联系);
图书库存表中的书由一个出版社提供,一个出版社可以给多个图书馆提供库存量(图书库存表和出版社是一对多联系);
图书库存表中的每本书属于图书分类表中某一类,图书分类表中的每个类中有多本书(图书库存表和图书分类是一对多联系)。如图2为全局E-R图。
4.2 逻辑设计
转载注明来源:https://www.xzbu.com/8/view-15425229.htm