admin-element-vue商城项目

vue-element-admin改造接入后台，搭建有来商城youlai-mall后台前端管理平台

一. 前言本篇基于有来商城youlai-mall微服务项目,搭建后台前端管理平台,技术选型希望通过本篇文章你可以,技术解决方案选择了vue-element-admin.希望通过本篇文章你可以vue-element-admin工程改造接入到自己的平台. 二. 环境搭建 1.下载vue-element-admin 下载 vue-element-admin的i18n分支版本,这样可以支持中文,地址:https://github.com/PanJiaChen/vue-element-admin/tre

「开源」SpringCloud+vue搭建的商城项目

最近在研究SpringCloud,看到一个基于SpringCloud+vue搭建的模拟商城项目.用来辅助学习SpringCloud企业级开发还是很有帮助的.强烈推荐!! 源码地址在最后. spring cloud + vue + oAuth2.0全家桶实战,前后端分离模拟商城,完整的购物流程.后端运营平台,可以实现快速搭建企业级微服务项目.支持微信等三方登录. 功能点: 模拟商城,完整的购物流程.后端运营平台对前端业务的支撑,和对项目的运维,有各项的监控指标和运维指标. 技术点: 核心技术为sp

Vue小项目二手书商城：（四）详情页和购物车（emit、prop、computed）

实现效果: 点击对应商品,对应的商品详情页出现,详情页里面还有“Add to cart”按钮和“×”退出按钮. 点击“Add to cart”可以将商品加入购物车,每件商品只能添加一次,如果把购物车的对应商品删除就能再次加入. 商品加入购物车后,导航栏会出现商品数量和总价标识. 一.详情页的实现和其中的方法 1.在子组件literature.vue中写: 应该加一个data先定义一下selecGoods,但是prop中已经有了(prop优先级更高,而且可以父子传参),那就不用在data中写sel

Vue小项目二手书商城：（三）前端渲染数据

实现内容: axios取到的数据在前端使用(父子组件各自应该怎么使用) 一.简单使用(在哪取在哪用) 1.在App.vue中script中加上data(data专属于当前组件,父子组件传参通过prop,prop优先级高于data,这个我们稍后讨论),created中的this.xxx就指向data中的数据(简单来说就是先在data中定义) 2.我现在是直接在App.vue中写的getScience.getLiterature.getHumanity取得数据,要在App.vue中直接用的话这样写:

Vue小项目二手书商城：（二）axios前后端数据交互

实现内容: 写路由接口(express) axios取数据一.写接口 1.我们要在前端取到后端的数据(之前写的data.json)可以用vue-resourse或者用axios,在vue2之后官方就不再维护vue-resourse,推荐使用axios. 2.在axios取到数据前要先写一下路由接口,不同版本vue-cli建的文件目录有一点不一样. 我用的是vue2.5.2,写路由接口是在build文件夹下的某文件,以下分别列出高版本和低版本写法: ①2.5.2版本文件里加上这些程序: dev

Vue小项目二手书商城：（一）准备工作、组件和路由

本项目基于vue2.5.2,与低版本部分不同之处会在(五)参考资料中提出完整程序:https://github.com/M-M-Monica/bukesi 实现内容: 资源准备(mock数据) 组件拆分components(header.footer.literature.science.humanity) 路由router(router-link.router-view) 一.准备工作 1.首先开始一个项目第一步是准备工作. 2.准备工作包括需求分析和项目资源准备两大步. 需求分析就是思考想

Vue+Spring Boot 前后端分离的商城项目开源啦！

新蜂商城 Vue 移动端版本开源啦! 去年开源新蜂商城项目后,就一直在计划这个项目 Vue 版本的改造,2020 年开始开发并且自己私下一直在测试,之前也有文章介绍过测试过程和存在的问题,修改完成后,于 5 月底将 Vue 版本的所有代码开源了,只是后面一直太忙,没有时间整理这篇文章. 现在,向大家介绍一下这个 Vue 版的前后端分离商城项目. 所有的代码.文件全部都开源到 GitHub 仓库中,并没有任何藏着掖着的行为,不会说缺少哪个依赖或者某个重要功能,这种事情是不存在的,大家先看看文章和预

Vue3教程：一个基于 Vue 3 + Vant 3 的商城项目开源啦！

之前发布过一篇文章,告诉大家我要开发一个 Vue3 的商城项目并开源到 GitHub 上,供大家练手和学习,随后也一直有收到留言和反馈,问我开发到哪里了,什么时候开源之类的问题,今天终于可以通知大家,完成啦!开源啦! 由于正常上班的缘故,所以只能抽出空闲时间来做,适逢几次加班,导致比预估的工时推迟了一些时间,2020 年 11 月 3 日把项目开发的差不多了,之后一直处于自测和修改小问题的阶段. 我发现大家对这个项目的热情也挺高,所以在上周末也把项目部署到线上,让大家帮忙测试了一波.不过时间匆促

Express+Mongoose(MongoDB)+Vue2全栈微信商城项目全记录

最近用vue2做了一个微信商城项目,因为做的比较仓促,所以一边写一下整个流程,一边稍做优化. 项目github地址:https://github.com/seven9115/vue-fullstack 所用技术栈:Express+Mongoose(MongoDB)+Vue2. 运行环境:node.js 后台框架:express.js 数据库:Mongoose.js (MongoDB) 前端脚手架:vue-cli 用户认证:JSON WEB TOKEN 所用插件:vue-scroller/touc

ThinkPHP5+Apicloud+vue商城APP实战

ThinkPHP5+Apicoud+vue商城APP实战目录章节1:项目概述课时1apicloud平台介绍.04:38 课时2知识体系架构介绍.16:10 章节2:apicloud50分钟快速入门教程课时3apicloud环境搭建03:29 课时4创建项目,IDE工具使用篇07:24 课时5apicloud开发工具使用技巧10:57 课时6apicloud打包,发布升级篇08:25 课时7apicloud项目的目录结构分析和技术架构体系21:19 章节3:vue2.0实战案例之高级教程

Django商城项目笔记No.12用户部分-QQ登录2获取QQ用户openid

Django商城项目笔记No.12用户部分-QQ登录2获取QQ用户openid 上一步获取QQ登录网址之后,测试登录之后本该跳转到这个界面但是报错了: 新建oauth_callback.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

Django商城项目笔记No.10用户部分-登录接口

Django商城项目笔记No.10用户部分-登录接口添加url路由接下来第二步,增加返回内容: 增加结果如下: 配置:上边的方法定义了返回的内容都有哪些,那这个方法jwt还不知道,需要配置: 修改认证后端实现多帐号登录在users/utils.py中编写前端login.html代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml

Django商城项目笔记No.5用户部分-注册接口-短信验证码

Django商城项目笔记No.4用户部分-注册接口-短信验证码短信验证码也保存在redis里(sms_code_15101234567) 在views中新增SMSCodeView类视图,并且写出步骤如下: 写逻辑因为这里要用到序列化器,所以就继承了GenericAPIView,这样的话,可以指定serializer_class,然后通过get_serializer就可以实例化序列化器了. 注意: 既然继承了GenericAPIView,那为啥不设置queryset属性,只设置了seriali

Django商城项目笔记No.4用户部分-注册接口-图片验证码

Django商城项目笔记No.4用户部分-注册接口-图片验证码 1.首先分析注册业务接口 1.1.分析可得,至少这么几个接口图片验证码短信验证码用户名是否存在手机号是否存在整体注册接口图片验证码.短信验证码考虑到后续可能会在其他业务中也用到,因此我们将图片验证码独立,创建一个新应用verifications,在此应用中实现图片验证码.短信验证码. python ../../manage.py startapp verifications 创建应用后记得在配置文件里注册应用 2.图片验

Django商城项目笔记No.3用户部分-用户模型类

Django商城项目笔记No.3用户部分-用户模型类 Django提供了认证系统,文档资料https://yiyibooks.cn/xx/Django_1.11.6/topics/auth/index.html 但是我们的项目中的注册,需要保存用户的手机号,所以要自定义用户模型类,需要给模型类添加额外的字段. Django用户模型类 Django认证系统中提供了用户模型类User保存用户的数据,默认的User包含以下常见的基本字段: username必选. 150个字符以内. 用户名可能包含字母

Django商城项目笔记No.2项目准备工作

Django商城项目笔记No.2项目准备工作接着上篇开始,创建好工程之后,随之而来的是怎么配置工程,这篇文章记录如何进行相关的配置 1.pycharm打开工程,进行相关的配置通过pycharm打开md_mall,然后进行下面的操作 2.调整工程目录创建python包docs,logs,scripts 在子md_mall目录下创建包apps,libs,settings,utils 并且在将settings.py拖到settings文件夹中改名字为dev.py 3.在apps目录下创建应用us

Django商城项目笔记No.1项目准备工作

Django商城项目笔记No.1项目准备工作一.本项目商城属于B2C商业模式二.项目采用前后端分离的应用模式前端使用Vue.js 后端使用Django REST framework 1.创建gitee仓库码云https://gitee.com/ 2.在ubuntu克隆项目,创建虚拟环境,安装django 2.1创建虚拟环境 mkvirtualenv md_mall -p python3 2.2安装django,rest_framework,pymysql pip install djan

关于vue项目管理项目的架构管理平台

关于vue项目管理项目的架构管理平台 https://panjiachen.github.io/vue-element-admin-site/#/zh-cn/faq 31.4k 次浏览完整项目地址:vue-element-admin系类文章一:手摸手,带你用vue撸后台系列一(基础篇)系类文章二:手摸手,带你用vue撸后台系列二(登录权限篇)系类文章三:手摸手,带你用vue撸后台系列三(实战篇)系类文章四:手摸手,带你用vue撸后台系列四(vueAdmin 一个极简的后台基础模板) 前

使用vue搭建项目（创建手脚架）

第一步:切换到创建的目录创建项目 vue cerate [model] 第二步:切换到创建好的项目,然后创建element vue add element 第三步:创建router vue add router 创建成功了尝试启动

Express+Mongoose(MongoDB)+Vue2全栈微信商城项目全记录(二)

用mogoose搭建restful测试接口接着上一篇(Express+Mongoose(MongoDB)+Vue2全栈微信商城项目全记录(一))记录,今天单独搭建一个restful测试接口,和项目前端分离开来,项目接口开发方法可参照本文,接口测试我一般用postman工具去测试接口. 项目github地址:https://github.com/seven9115/vue-fullstack 前置环境:安装mongodb:从mogodb官网下载mongodb并安装. 在项目的根目录新建一个叫se

Express+Mongoose(MongoDB)+Vue2全栈微信商城项目全记录(一)

最近用vue2做了一个微信商城项目,因为做的比较仓促,所以一边写一下整个流程,一边稍做优化. 项目github地址:https://github.com/seven9115/vue-fullstack 所用技术栈:Express+Mongoose(MongoDB)+Vue2. 运行环境:node.js 后台框架:express.js 数据库:Mongoose.js (MongoDB) 前端脚手架:vue-cli 用户认证:JSON WEB TOKEN 所用插件:vue-scroller/touc

admin-element-vue商城项目

热门专题