基于Web的电子设备产品网销系统设计与实现7400字【论文】

第PAGE基于Web的电子设备产品网销系统设计与实现目录TOC\o"1-3"\h\u23592一、绪论 224191（一）开发背景与意义 228707（二）开发技术介绍 217778二、系统分析 227206（一）可行性分析 28201.经济可行性 2282（二）需求分析 3206171.功能需求分析 3238772.性能需求分析 4682三、系统设计 514750（一）系统的总体结构设计 516778（二）系统的详细设计 5319681.游客模块详细设计 513462.用户模块详细设计 6250533.管理员模块详细设计 915349四、系统的实现 1110852（一）首页页面的实现 1117315（二）游客功能模块的实现 1131285（三）用户功能模块的实现 1332708（四）管理员功能模块的实现 158887五、总结 1920652参考文献 19绪论开发背景与意义电子产品已经成为了现代日常生活的基本必需品，并且更新速度也相当快，所以销量非常巨大。将传统电子销售业务系统和网上商店相结合的电子网络产品销售管理系统，不但能够便于消费者选择，同时也能够进一步扩大产品销售份额，从而获取更大的经营利润，达到了电子销售商和消费者双方收益双赢的效果。所以，基于网络的电子销售业务系统的实现，有着十分关键的现实意义。开发技术介绍VisualStudioCodeVisualStudioCode(现在中文通常简称“VSCode”[1])，它是一个代码编辑器。它具有一个对应于新的javascript，typescript和以及node.js的多个软件内置应用软件编程支持，并且还具有丰富的其他软件编程应用语言的一个可相互扩展的软件生态系统。[2]Vue.jsVue(读音/vju:/,相似于英语view)，它是一个专门负责设计建立基于用户的视图渐进式的javascript软件架构[4]。和其它大型软件架构语言有所明显不同的地方是,vue被架构设定成作为用户能够从底向上逐层进行使用。vue架构的内部实核库只是最关心于用户视图的一层,不但很容易便于用户上手,还会很便于与第三方软件库或者其他已有软件项目进行整合。[3]系统分析可行性分析系统的可能性分析方法一般包含了经济效益工作方面的可能性、技术的可能性，以及用户操作方面的可能性。经济可行性基于网络的个人电子设备销售管理系统研发时可以利用实验室的软件环境，本管理系统并没有非常的复杂，而且相对来说研发时间也不会很长，在经济效益领域方面的费用也并不大，所形成的经济效益远大于研发管理系统的成本费用，所以从经济效益领域方面分析此管理系统的研发也是比较合理的。技术可行性VisualStudioCode，是目前应用开发领域最主流的编程技术之一。Vue脚本广泛运用于服务器端，用户即可产生交互式应用，也能够自行定义控件，这就极大降低了代码编制的时间负担和复用效率问题，是传统的页面编程脚本所无法做到的。VisualStudioCode和Vue结合使用，能够很好的完成网上电子设备销售系统所要求的所有功能，所以从技术可行性方面分析此系统的发展是比较合理的。操作可行性本系统的具体运行工作原理其实非常简单。系统使用者能够直接使用浏览器从网页进行访问；系统管理人员也可以通过使用网络浏览器管理系统中的各种最新内容，例如：更新产品营销资讯，更新行业新闻，以及把过时的资讯移除等等。所以从这个操作系统方面上来分析，开发此操作系统也是很合理的。需求分析功能需求分析基于网络的电子商品销售系统用户可分成三种:游客、使用者、管理者。游客可查看本系统的所有资讯，还可在注册成为用户。用户的主要操作包括选择商品和查看产品信息。而管理员则能够对应用实施管理，同时还可以进行新闻信息管理、商品管理、进货信息管理、订货管理等[5]。基于Web的电子设备营销系统的顶层数据流图如图1所显示。图1顶层数据流图下面对三类用户的功能进行详细分析。游客互联网上的游客能够查阅到行业资讯、相关专业知识、商品资讯，但不能够选购商品，如要购物就应该先注册成为用户。用户用户拥有游客的所有权利，并且还能购买商品。用户登录之后可在更改个人基本信息，还可以查询购物车，可在购物车内支付，但付费之后才能从订单中查询已订购商品。管理员管理者具有新闻报道管理、商品管理、入库管理工作、订货管理工作、使用者信息管理系统等各种功用。在新闻报道管理中管理员能够进行新增或者删减；在商品管理中能够新增商品或者产品的类别，甚至取消某一个商品；在入库管理工作中能够增加入库量,其数量也会添加到商品仓库中，从而改变商品仓库的数量；在订货管理工作中能够查询订货状况，如产品已经发货也要做出相关的编辑。在使用者管理中如果使用者长期都未登陆时,管理者也有权将其移除。结合对顶层数据分析流图和上述功能要求的解释,就能够得出进行分析后的层次数据分析流图。如图2所示。图2第一层数据流图性能需求分析在传统电商快速蓬勃发展的这个时代，网络营销系统具有很大的性能优越性，为充分发挥传统网上商店的最大优点，提升网络销售活动效果和提升服务产品质量，必须同时提供以上如下几种性能需求。界面友好网页要美观、使用要简单，增加使用者对系统的趣味性,尽可能达到浏览者再次浏览的效果。安全性和保密性系统设计要注意保证数据的使用安全性，系统使用者的权限设置要集成有严密的分明，以便于防止越权造成重要用户资料机密信息的非法泄露等。稳定性和健壮性网站系统要求具有足够的稳定性和健壮性,不会由于网站用户的多次错误网页浏览或错误文字输入而直接产生系统报错，同时网站要求尽量降低系统故障率。易维护性和扩展性信息系统的技术设计与研究，要确保有较强的易维护性和扩展度，各种功能模块系统与各种数据架构都应该便于拓展，以便于将信息系统继续扩充。实用性和方便性软件系统建设时要充分考虑使用者感受，并力求满足用户的不同要求与习惯方式，使系统软件的功能更加强大而且简单使用。系统设计系统的总体结构设计本系统主要内容包括管理者模块、用户模板、游客模块三个部分。管理者模块完成的主要有:资讯信息、产品分销信息、供货资料管理、订单信息管理、用户信息管理等。用户模块可以实现的主要有:更改自己的信息、查询订单、选择商品、查看系统的所有资讯等。游客模块可以实现的主要有:查看系统的所有物品的信息、完成注册等。系统结构图如图3所示。图3结构系统图系统的详细设计游客模块详细设计游客查看信息详细设计游客能够按照自己所需和感兴趣商品，看到相关的商品说明。但是游客无法选购商品，只能登录之后才能购物。查看系统的数据信息处理流程示意图如图4所示。图4查看系统信息流程游客注册详细设计游客进行注册时需要填写帐号、注册名和密码、使用者真实名称、电话、住址、邮编。在提交时候需要对帐号信息加以安全校验,一旦确认该注册帐号被使用，这时就需要更换最新的注册帐号进行注册。游客注册操作流程如下图5所示。图5用户注册流程图用户模块详细设计用户登录详细设计已注册的用户，可以在进入系统后立即登录；也可在需要订购商品时再进行登录。登录时会要求用户填写账号、密码。用户在登录的时候输入的账号或密码有误，系统会有提醒。用户注册流程图如图6显示。图6用户登录流程图个人信息管理详细设计已登录的用户可更改自身的个人信息。但在更改前必须确认用户登录密码,帐户正确无误，则在更改页面中可改变个人信息；帐户密码不对,则不可以更改个人信息，以提高用户个人信息的可靠性。用户更改信息流程图如图7显示。图7用户修改注册信息流程图购物车管理详细设计用户能够把自已感兴趣的产品加入到购买车，再次登录的时候也能够在购买车里查询,因为支付都是在购买车里完成的。支付之后，就能够从购物订单里找到当前购买的这个产品。要是自己不想把这个产品在购物车内放着，可将其从您的购物资料车里进行移除。产品购买详细设计用户如要选择商品，先可以看到是不是有库存，接着进入到商品的详情说明界面，在其中的购买按钮，就可将感兴趣的商品和所需要数量进入购物车，然后在购物车里。支付完成之后，就会产生订单。根据用户所订购的商品流程图,如图8所显示。图8用户购买产品流程图用户查看订单详细设计用户可直接查看自己订单信息记录，其中包含有自己购物订单。用户只能查看订单中的详细信息，不能修改。管理员模块详细设计管理员登录详细设计管理者从网页的最下方“管理员用户入口”处进入到网站后台管理。在后台,可以管理企业资讯、用户、商品、订单、进货信息等。在登录的时候需要填写账号和密码。新闻管理详细设计新闻管理主要管理是，负责收集专业知识和最新行业新闻，并有效的发表这些资讯。管理员也可以清除过旧的新闻，把后台数据库中该条过旧的新闻自动删掉。如图9所示。图9删除新闻流程图产品管理详细设计管理员能够对所有商品的信息分类以及信息内容进行及时更新，分类信息更新之后管理员可在后台进货库存管理处及时更新新的商品以及库存。进货管理详细设计管理员要对新进的机型产品数量数据进行更新，先选定需要进行更换的机型产品名称，之后录入所需要进行更换的机型产品数量，提交时数据会更新到后台数据库中，而其中的存货商品总量则会在前台进行展示，以便于前台用户可以随时查询某一产品是否有商品存货。而当用户在前台选择了某产品后，对应的产品库存量也随之有一个相应的下降。订单管理详细设计管理员可以对单一用户每个订单管理，一旦发现订单信息中的某个商品信息开始发送，就可以对用户订单信息进行编辑，并更换为发送标签。用户在登录后就可以从购物订单中查看“是否发货”的订单信息。整个订单信息发送后的过程如图10所示的显示。图10订单发货流程图用户管理详细设计用户管理模块中，管理者必须定时对用户信息进行整理，假如某一用户长期未能登陆过，又或是在选择产品时触犯了有关条款，那么管理者就会将其移除，在剔除之后该用户名将永远无法登陆。系统的实现首页页面的实现打开系统主页，最上面呈现的是操作系统新功能指引条。游客可在网页注册作为本系统的用户，已注册用户即可进行登录和订购商品。而管理员也可在管理员入口处登陆系统,并完成管理系统后台的各项管理等。游客功能模块的实现游客查看信息功能的实现游客能够看到产品最新资讯，但无法购买。在产品导航栏中的具体相关产品页下面只要单击具体产品名称，就可以进入并看到具体的相关产品信息说明页。如图11所示。图11产品介绍页面游客注册功能的实现如果是游客此时需要订购此类商品，必须注册成为系统网站注册用户。在注册界面,必须正确填写登录用户名、帐号密码、实际帐户名字、来电、住址、邮编，提交后可进行帐户登录,并且登录用户名、帐号密码和实际帐户名字都一样是必须正确的。如果之前登录的账号已被其他用户所进行注册，那么在填写提交的信息时候，系统就可能会自动显示“用户名已经被使用”，而这时就只能更改账号进行重新登录。如图12所示。图12用户名已使用提示游客们在输入登录的密码时候必须先在最后的第一行输入确认您的密码然后在该行输入一次密码,如果二个密码最后输入的不一样,那么系统就可能会自动显示“密码不一致”。这时,重新再次输入密码即可。如图13所示。图13注册密码不一致提示用户功能模块的实现用户登录功能的实现用户可在系统首页登录并选择商品,如未登录,则在单击“订购”之后,将会出现登录界面。如图14所示。图14用户登录页面用户在登录时,一旦帐号不能登陆或是帐户密码填写有误,那么操作系统将会显示“帐号不存在或帐户密码出错,您确定后再登录!”。如图15所示。图15用户名不存在或密码错误提示用户注册信息管理功能的实现已经成功注册的系统用户能随时登陆，而且在完成验证后才能更改你的个人信息，包括你的登陆密码和基本身份信息。在系统更改用户个人信息的整个流程中密码是必须一定要正确填写的,通过单击“提交”,就可以进行更改工作。在需要修改已登录注册用户个人信息的文件时候修改密码和用户确认密码项目也是一定都需要正确填写的,如不能进行,会显示新密码项需要重新填写。如图16所示。图16用户修改信息页面用户购物车管理功能的实现登录后用户即可将所浏览的商品放入购物车里,在购物车里用户还能够查看商品名称、数量、以及如何支付。单击支付按钮跳到支付界面,付款完成之后在我的订单中将会产生对应的订单。用户还能把购物车里的商品移除。如图17所示。图17购物车页面用户产品购买功能的实现具体的过程是首先将选购的产品加入到购买车里，在产品的详情说明网页中有“购买”按键,单击此按键即可将产品加入到购买车。在“我的购买车”里有关于如何支付的信息,在此处即可支付，支付完成则购买成功。“我的订单”中可以查看订单,此时购买过程完成。如图18所示。图18我的订单页面用户查看订单功能的实现用户在登录后可以查看自己的订单商品以及订单,订单的相关信息内容一般上都包含了商品名、订单商品数量、订货截止时间、有无成功发货等相关信息内容。如图19所示。图19用户历史订单页面管理员功能模块的实现管理员登录功能的实现在本系统主页的最下方有管理者进入入口，点击这里管理者才能登录管理系统，并进行后台操作管理工作。管理员在登录时，如没有填写密码，则会显示“必需填写密码”，密码填写有误则会清空密码框，直至填写正确。如用户名、密码均没有填写，则会提示用户名和秘密登记的必填提示。如图20，图21所示。图20密码必填提示图21用户名、密码必填提示新闻管理功能的实现选择了系统后台功能管理菜单“新闻管理工作”菜单后，在右边系统会按照有关新闻资讯发布的时间日期依次自动展示您的有关新闻资讯。单击后台媒体新闻管理员主界面菜单中的“删除”，会自动提示“确定要删除吗?”，点击“确定”，会自动提示“新闻删除成功!”如图22所示。图22新闻删除提示页面选择了系统后台功能管理菜单“新闻管理工作”菜单后，在右边就看到会自动产生一个媒体文章发布页面，包含了所有媒体发布文章中的标题、分类和文章内容，需要在适当的位置地方手动输入文章内容。您的发布信息已经填写好，之后只要单击“发布”按钮，会自动提示“我的新闻媒体发布成功!”。如图23所示。图23新闻发布提示页面产品管理功能的实现商品信息管理系统主要分为商品信息、商品增加、商品分类增加等三种主要功能。选择在系统功能菜单“产品管理”中的“产品信息管理”子菜单，在右边展示出每个商品的基础信息，包含名称、产品类别、价格、库存、删除等。单击“删除”按钮，会自动提示“确定要删除吗?”，点击“确定”，就表示会把该网店产品的所有相关信息全部自动删掉，而网店数据库中关于该网店商品的所有相关信息也将全部被自动删掉。如图24所示。图24产品删除提示选中系统功能菜单“商品信息管理”中的“商品增加”子菜单，右边展示出商品增加界面，该网页内包含商品品名、报价、照片、商品的分类、介绍。在“商品增加”功能菜单中，产品类别要求确定，产品图片要求查看自己计算机上的相应照片，填写商品的名字、价钱、说明。个人信息都填好之后，单击“提交”按键，就会提醒“商品增加成功!”。如图25所示。图25产品添加提示选中系统功能菜单“商品信息管理”的“商品分类增加”子菜单，右边展示出产品种类增加界面，在该界面中只须进入所要增加的产品种类命名。相应的商品信息填报好后，再单击“增加”按键，即可完成产品类别增加。这时会提示“产品种类增加成功!”。如图26所示。图26产品类别添加提示进货管理功能的实现进货数量管理一般来说是由仓库管理者负责用来变更一个仓库进货数量的。如果选中了系统管理功能栏的菜单视窗中的“进货信息”，在右边将来就会自动发现一个供货商对信息进行填报的菜单视窗，根据需求填报信息即可。在自动更改该商品数据的时候同时也可能会自动改变您在商品信息记录中的前台仓库，同时也可能会自动改变您在前台仓库商品信息记录中的后台仓库商品数量。选定产品名称，并录入产品数量，然后单击“提交”按键，就可以实现产品库存量的提高，该数据将会改变在数据库中的产品数量。完成后显示“按进货数量添加成功!”。如图27所示。图27进货数量提示订单管理功能的实现选择了系统功能菜单中的“订货信息管理”操作功能，在右边就会开启了用户的订货，订货信息内容中包含了账号、姓名、订货时间、订货总量。管理者也能够对任何一位使用者的订货加以编辑，一旦该订货中的商品都已发送，那么管理者将能够使用此动作来标识已发送的订货。该动作结束之后，使用者登陆自己的账户时将会提示是否发送。订单管理界面中“是不是发货”消息是不允许编写的，只能选择“编写”按键,才会发现“是不是发货”的可编写状况，在“是不是发货”前边打对勾，选择“更新”。只能进行对该订单的编写。一旦单击“撤消”即可退回编辑状态。在“订货信息管理”开始菜单这个选项中的您还有“清除”这个选择，管理者必须定时地对您的数据库系统实施一次维修，并把之前的部分下单订货全部进行删掉，完成所有该维修操作之后的您即可直接再次点击并将订单中最后一排的订货清除。如果提示“确定要取消吗?”，点击“确定”，会自动提示“您的订单已经取消成功!”；点击“取消”则不会取消。如图28所示。图28订单删除提示用户管理功能的实现选择操作系统后台功能点击菜单一栏中的“用户管理”这个功能，右侧就可以会自动出现所有在此操作系统后台登录的所有用户及其个人信息，包含了注册账号、实际用户名称、手机号、家庭成员住址、邮编。系统管理员也同时可根据整个操作系统和用户数据库的实际工作负载，将已在选择过程中长一段时间没有成功购买相关商品的所有用户进行删除，从而可以保证整个操作系统和用户后台中的数据库系统正常运转良好。如有要求清除的用户，可以单击列表的最后一排“删除”，会提示“