基于vue2.x和element ui的达达尼可采购平台
1. 项目实现
-
达达尼可采购平台最终目标是做成类似间采通、慧聪网、1688采购等b2b平台,但最终并未完成
-
具体详情请访问www.bixiaoyi.cn
-项目主要分为用户注册登陆、企业用户主体和公司信息认证、、企业用户公司/商户商品信息展示、企业用户采购商类型发布需求、企业用户供应商回复报价、企业用户微型平台内信息管理以及配置
-用户注册登陆用户注册采用element ui表单组件对输入框选择框进行自定义表单验证,并使用腾讯云短信接口保证真人注册,注册成功或者失败都会有友好信息提示,用户首次填写注册信息,post数据到后台就行数据认证:用户名是否重复?验证码和手机号是否对应?账号密码是否正确?如果全部通过检测,node后端根据引入的jwt-token生成token并在token中存储用户名和id,使用sessionstore存储token设置axios拦截器,首次登陆后,将token存于sessionstore,在拦截器中除了一些无权限的接口不需要携带token,每次请求在请求头中携带token,token发送到后端后,后端进行解密,从中拿到用户id对数据库进行搜索数据,返回数据内容,同时封装一个refesh函数用户刷新自动登陆, -
企业用户主体和公司信息认证本平台主要服务于企业,个人用户无任何权限不能进行任何操作企业用户注册成功后需要在后台管理中心对上传机构证书 ,公司/商户基本信息,订单配置才可使用功能,企业用户每一步操作都会有相应的友好提示。上传使用element ui的上传组件,可预览。
-
-
-
企业用户采购商类型发布需求本平台提供简易门户网站模板,可以选择使用或者不适用,不适用则需输入公司官网,链接直达
-
-
企业用户采购商类型发布需求企业用户注册信息为采购商的,在机构证书认证,订单格式配置以后可以进行发布需求,并可在管理中心对订单进行管理和查看
-
-
-
-
企业用户供应商回复报价企业用户注册信息为供应商的可对订单进行报价,可在管理中心对报价进行管理和查看。
-
-
-
-
企业用户微型平台内信息管理以及配置企业用户供应商公司,在三项认证之后通过后可在公司页显示自己的公司信息,企业用户商户,在三项认证通过后可在商品页添加商品
-
2.项目技术 -
vue
-
vuex
-
vue-router
-
axios使用原生进行Https请求
-
element ui使用原生创建audio实例,并基于此实例开发功能
-
vue-cli微信的本地存储功能用来实现播放记录和收藏歌曲
具体项目详情请访问www.bixiaoyi.cn
- 加载页
6.项目总结
- 由于在创业公司,前后端代码,部署上线、代码优化包过ui 由我一人完成,没有一个好的设计和一个开发的标准限制,导致做出来看着非常简陋,界面不美观。还是非常遗憾的,公司倒闭了,项目就没有继续往下做