基于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 由我一人完成,没有一个好的设计和一个开发的标准限制,导致做出来看着非常简陋,界面不美观。还是非常遗憾的,公司倒闭了,项目就没有继续往下做
基于vue2.x和element ui的达达尼可采购平台相关推荐
- 基于 Vue JS、Element UI、Nuxt JS的项目PC端前端手册
基于 Vue JS.Element UI.Nuxt JS的项目PC端前端手册 前言:笔记写于2020年5月左右,刚开始做前端时整理的笔记 1.环境搭建 1.安装nodeJs 官网下载地址:http ...
- 一个基于.Net Core+Vue+Element Ui开发的OA系统
今天给大家推荐一个开源OA系统. 项目简介 这是一个基于.Net Core构建的简单.跨平台OA系统.企业可以利用它进行信息化建设,框架提供了用户管理.权限管理.表引擎.流程引擎.BI智能报表,可以大 ...
- VUE2版本引入Element UI
一句话的事儿 1,在cmd中打开vue项目文件夹,输入命令: vue add element 2,加载后的选项如下: How do you want to import Element? Fully ...
- 在线相册 ,图片上传, 基于 Spring boot vuejs element ui mysql 的项目
最近想学关于vuejs 和 element ui ,趁着工作之余开发了一个在线相册的项目,功能有 注册,登录,预览,各种中心,图片上传,我的资源,图片编辑等,,在此做一个分享吧. Git 地址 :ht ...
- vue2.0的Element UI的表格table列时间戳格式化
表格属性 [html] view plain copy <el-table :data="tableData" v-loading.body="loading&qu ...
- 基于springboot+element ui+vue的java快速开发平台,集成html5工作流设计器,flowable, element ui 表单设计器
前后端分离.maven多模块开发,方便多人协同开发 后端选型:springboot2 + mybatis + shiro + jwt token + flowable 前端选型:vue + eleme ...
- Element Ui 中的 :visible.sync
若依后台管理[前端] 若依的前端基于饿了么(Element UI)进行开发,其中用到的组件也是非常之多的,如果没有仔细的看过和深入的了解Element UI 那么开发时就会相对的遇到一些问题(说的就是 ...
- php和ui,php项目中使用element.ui和vue
1.plugins中添加axios,element-ui 2.全局文件下引入 3.页面内使用 1) 容器需要增加id属性 2) 添加script标签,创造vue组件 var app = new Vue ...
- DataGear 制作基于Vue2、Element UI前端框架的数据可视化看板
DataGear 数据可视化看板内置了一些基本.简单的页面交互组件,当它们无法满足实际看板需求时,可以引入更流行和强大的前端框架. 本文以Vue2.Element UI前端框架为例,介绍如何制作具有更 ...
最新文章
- 架构师之道:面向组件的Web架构设计
- 【IM】关于最小二乘法及约束的理解
- P3306-[SDOI2013]随机数生成器【BSGS】
- html怎么给code标签添加语言,html code标签怎么用?html code标签的作用解释
- 你知道考的是平方数吗(记洛谷P1876题RE+WA的经历,Java语言描述)
- ModuleNotFoundError: No module named 'CommandNotFound'
- key rocketmq 有什么用_rocketmq 介绍(一)
- Windows Phone 项目实战之我的微盘
- 2021年电子签名政策汇总 行业研究数据公布
- 大型天燃气供应商遭勒索攻击、Log4Shell正在突变|12月15日全球网络安全热点
- 黑客站在 ATM 面前,机器就直接吐出钞票,他们是怎么做到的?
- 迈开职场充电第一步,让我们在这个冬天邂逅社科院杜兰金融管理硕士项目
- 从弗雷格的《概念文字》到模态逻辑的产生与发展
- scrapy爬虫并保存数据库
- 肝内胆管结石有哪些严重危害?
- 华大单片机HC32L130X
- 阿里王坚受邀成为 TGO 鲲鹏会荣誉导师
- 浅学cuckoo hash
- 分享107个HTML电子商务模板,总有一款适合您
- 大模型席卷应用,三分之二工作岗位将受影响,开发者如何应对?