编辑:微商品牌网 来源:微商品牌网 前端
2023-07-21 14:01:30微商品牌网专注微商网络营销,微商品牌宣传,提供最新微商资讯:
目录
互联网行业要求:
高并发(分布式、静态技术、CDN服务、缓存技术、异步并发、池化、队列)
高可用性(集群、负载均衡、限流、降级、断路器)
电商行业的一些常见模式:
B2C:商家对个人,如:亚马逊、当当网等。
C2C平台:个人对个人,如闲鱼、拍拍网、ebay
B2B平台:企业对企业,如:阿里巴巴、八方资源网等。
O2O:线上线下结合,如:饿了吗、电影票、团购等。
P2P:网络金融、贷款,如:网贷之家、人人聚财等。
B2C平台:天猫、京东、1号店等
1、商城结构图
前端:
后台系统将前后端分离开发,整个后台管理系统将使用vue.js框架构建单页应用程序(SPA)。
对于前端系统,我们将使用nuxt(服务器端渲染)结合vue来完成页面开发。 考虑到SEO优化,我们不会使用单页应用。
2、商城管理系统前端页面
我们的后台管理系统是前后端分离开发的,整个后台管理系统将使用vue.js框架构建一个单页面应用程序(SPA)。
1. SPA介绍
SPA(页面),即单页面应用。 整个后台管理系统中只会出现一个HTML页面,其他所有页面的内容都是通过Vue组件实现的。
这些vue组件其实就是很多js文件。 不过,前端项目除了js之外青鸾传媒推广,还有css、图片、字体等,甚至还为前端开发了各类扩展语言。 在打包构建这么多东西的过程中,手动操作是非常麻烦的,所以就会有一些工具来帮助构建前端。例如:、vue-cli等。
2、
将很多小文件打包成一个整体,减少单页面衍生请求数量,提高网站效率。
转换并编译ES6的高级语法,以兼容旧版本的浏览器。
在打包的同时对代码进行混淆,提高代码的安全性。
四大核心理念
Entry(入口):打包的启动,可以有一个或多个,通常是js文件。它会从启动文件开始,寻找起点直接或间接依赖的所有其他依赖项,包括JS、CSS、图片资源等,作为以后打包的原始数据
():导出一般包含两个属性:path和. 用来告诉打包的目标文件夹,以及文件的名称。 也可以有多个目的地。
():本身只识别js文件,如果要加载非JS文件,必须额外指定一些(),比如css-. 然后将这些文件转换成可以处理的有效模块,最后使用高级打包功能进行处理。
Plug-in():插件可以扩展的功能管理商微商系统,不仅完成封装,还可以完成各种更复杂的功能,或者对封装功能进行优化和压缩,以提高效率。
自己搭建的所有配置要完成打包会很麻烦。 幸运的是,Vue 官方提供了一个名为 vue-cli 的工具,它可以帮助我们快速构建 Vue 项目,这些项目已经内置了。
3. vue-cli
开发中,需要打包的不仅仅是js、css、html。 需要处理的事情比较多,这些插件和加载器如果一一添加的话会比较麻烦。 幸运的是,vue官方提供了快速构建vue项目的脚手架:vue-cli
安装
4、项目测试
创建静态项目
初始化 vue-cli
它是一个语法检查器,一个检查前端标准的工具,不适合我们后端开发人员使用
如果没有足够的权限使用sudo命令
3.电商项目搭建及创建父模块管理
创建子模板注册表ly-
引入相关依赖
创建启动类
配置文件
创建模块子项目ly-
由于网关需要通过zuul拉取服务列表,所以需要引入和zuul包
创建启动类
添加配置
需要注意的是,在团队开发过程中,多人同时开发。 之前从其中拉取服务时,我们需要为对应的类复制对应的实体类。 这样的话管理商微商系统,在开发过程中就会极其麻烦。
为了解决这个问题,我们需要将对应的类放在一起,然后集成到一个项目中,并进行封装,这样开发者只需要引用对应的坐标即可。
创建ly-item父项目(位于leyou父项目下方)
创建 ly-item ly-item- 的模数子项
创建 ly-item ly-item- 的模数子项
对于ly-item-items,不需要导入jar,需要对ly-item-进行增删改查
ly-item- 必须记住导入 ly-item-item
创建启动类
ly-item-配置文件
由于url中已经写了jdbc:mysql,所以会自动判断后台使用mysql,并自动加载MySQL数据库驱动
ly-添加了zuul的路由映射项-
本站对作者上传的所有内容将尽可能审核来源及出处,但对内容不作任何保证或承诺。请读者仅作参考并自行核实其真实性及合法性。如您发现图文视频内容来源标注有误或侵犯了您的权益请告知,本站将及时予以修改或删除。