项目分析首页	导航、登录注册栏、轮播图、地板导航登录注册	选项卡免费课	课程分类、筛选、课程列表免费课详情	课程封面视频、优惠活动倒计时、选项卡我的购物车	全选、商品价格统计购买结算购买成功我的订单课时播放页面项目搭建创建项目目录cd 项目目录vue init webpack luffy# 例如:我要把项目保存在桌面下 ~/Desktop/luffy ,可以如下操作:cd Desktopvue i            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-08 11:19:38
                            
                                93阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            文章目录Vue1.1 概念1.2 V指令V-on1.3 计算属性1.4 侦听器模板和组件2.1 模板2.2组件2.3 生命周期2.4 前后端分离Vue项目创建一个项目Vue1.1 概念1.2 V指令V-on1.3 计算属性1.4 侦听器模板和组件2.1 模板2.2组件2.3 生命周期2.4 前后端分离Vue项目创建一个项目...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-12-30 09:50:02
                            
                                1645阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            什么是Vue.jsVue.js 是目前最火的一个前端框架,React是最流行的一个前端框架(React除了开发网站,还可以开发手机App,Vue语法也是可以用于手机App开发的,需要借助于Weex)Vue.js 是一套构建用户界面的框架,只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。前端的主要工作?主要负责MVC中的V这一层;主要工作就是和界面打交道,来制作前端页面效果;为什么要学            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-09 22:41:09
                            
                                138阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            环境搭建利用@vue/cli4创建工程,为兼容element-ui选用vue2.x版本vue create vue-demo添加element-ui框架cd vue-demo
vue add element上述命令会安装element-ui插件,不用在入口main.js文件配置如下内容:import ElementUI from 'element-ui
import 'element-ui/lib            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-13 21:37:27
                            
                                94阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在这篇文章中,我将向你介绍如何在web前端开发中使用Vue.js。Vue.js是一种流行的JavaScript框架,可以帮助我们快速构建交互式的用户界面。在这里,我将详细介绍每个步骤,并附上相应的代码示例。
### 第一步:安装Vue.js
在进行web前端开发之前,我们需要先安装Vue.js。你可以通过以下代码来安装Vue.js:
```bash
npm install vue
```            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-05-08 09:46:31
                            
                                113阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Vue(读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。以上是百度上说的,花里胡哨的,Vue,简单来说就是一款提供高效的数据绑定和灵活            
                
         
            
            
            
            Vue前端开发入门            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-05-22 22:49:11
                            
                                112阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            基于Vue官方风格指南整理。一、强制1. 组件名为多个单词组件名应该始终是多个单词的,根组件 App 除外。正例:export default {  name: 'TodoItem',  // ...}反例:export default {  name: 'Todo',  // ...}2. 组件数据组件的 data 必须是一个函数。当在组件中使用 dat...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2022-01-11 18:08:31
                            
                                657阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            实际项目中不一定都是一个后端对应一个前端,这时,共用后端就成为可能。本项目采用前后端分离开发,下面说说,如何部署的问题,这里采用整合部署打包成jar的方式,而非nginx部署。 首先部署第一个前端项目,即springboot+vue项目整合部署,和普通的项目整合部署相同。1. 前端使用npm run build命令打包好,然后把dist目录下打包好的文件,直接粘贴放在后端项目的             
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-14 09:05:20
                            
                                280阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            导读商业FE部门分四个业务组,每个组内迭代着多个中后台应用,其中有跨组协作项目。这些项目的特点是UI、UE相似,有较多的组件、逻辑复用场景,技术栈统一为VUE,且项目在不断迭代中。实践微前端架构能提高业务复用性,让各团队更高效的分治项目。 认识1、简述微前端是一种方案并非技术,凡是方案都是为适应特定应用场景而生的。微前端的方案类似微服务。它是对大而复杂的应用进行分治,形成各自的单一体系并能通过一套            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-09-25 15:05:50
                            
                                58阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            序言为了统一前端的技术栈问题,技术开发二部规定开发技术必须以Vue为主。为了更好的规范公司的前端框架,现以我前端架构师为主,编写以下开发规范,如有不当的地方,欢迎批评教育并慢慢改善该开发文档,谢谢合作。我们在做产品不只是实现功能,还要考虑到以后的优化升级,那么就需要一套标准的代码规范,使得代码易懂,养成代码规范的习惯,有助于程序员自身的成长。那么我们现在就来谈谈,前端代码的规范。 一、编            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-11-22 07:02:13
                            
                                174阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Vue.js 开发规范目录及说明版本v1.0日期2020-02-18本文档为前端 vue 开发规范规范目的命名规范结构化规范注释规范编码规范CSS 规范规范目的为提高团队协作效率便于后台人员添加功能及前端后期优化维护输出高质量的代码及文档一、命名规范为了让大家书写可维护的代码,而不是一次性的代码让团队当中其他人看你的代码能一目了然普通变量命名规范命名方法 :驼峰命名法命名规范 : 
  命名必须是            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-22 21:09:04
                            
                                469阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            文章目录1、开发环境搭建1.1、服务端环境搭建1.2、前端环境搭建1.2.1、后台管理系统(PC端后台)1.2.2、WebAPP应用(移动端前台)2、服务端接口开发2.1、服务端项目结构设计2.1.1、设计路由2.1.2、设计数据库模块3、后台管理系统开发(PC)4、WebAPP开发(移动端)5、服务端部署上线6、打包APP(Android) 1、开发环境搭建1.1、服务端环境搭建服务端技术栈:N            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-22 12:53:15
                            
                                158阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Vue项目打包之后,部署有两种方式,一是前台打包后扔给后台,放置在后台项目的根目录下就可以了。这种是最简单的。还有一种方式就是前端单独部署,这里讲的是后者  前端如何单独部署呢?  一个最简单的办法就是使用Nginx部署辣  一.我们将自己的Vue项目打包  运行npm run build 会在项目中生成一个叫dist文件  二.安装Nginx  Nginx是一个类似于Tomcat的服务器,部署前            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-06 14:42:26
                            
                                170阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1.Vue的介绍Vue.js致力于构建数据驱动的web应用开发框架,以简洁化,轻量级,数据驱动,模块友好等优势深受企业以及前端开发者的喜爱,成为前端开发人员必备的技能。Vue3.0的出现,又带动周边生态的发展,奠定了vue在企业级开发的重要地位。Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-11-20 12:05:46
                            
                                172阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1. 目录构建的规范命名原则:简洁 比如: src 源代码 img 图片资源 js JavaScript脚本 dep 第三方依赖包不使用复数 比如: 不使用 imgs docs根目录(root)结构按职能划分 比如: 1. src 源代码(逻辑) 2. doc 文档 3. dep 第三方依赖包 4. test 测试根据业务逻辑进行文件夹的划分 src —common 公共资源 —img -----            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-23 17:41:56
                            
                                33阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在部署Vue前端应用程序时,我们通常会通过Kubernetes(K8S)来实现自动化部署和管理。Kubernetes是一个开源的容器集群管理工具,可以帮助我们有效地部署、扩展和管理容器化应用。在本文中,我将向你介绍如何使用Kubernetes部署Vue前端应用程序。
整体流程如下:
| 步骤                                  | 操作            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-05-22 10:19:35
                            
                                33阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            架构图及Vue的简介 目录架构图及Vue的简介一、前后端分离总架构图二、前端架构设计图三、MVVM架构模式四、Vue简介五、Vue 热加载六、Vue 的双向数据绑定的原理 一、前后端分离总架构图在前后端分离的应用模式中,后端仅返回前端所需的数据,不再渲染HTML页面,不再控制前端的效果。至于前端用户看到什么效果,从后端请求的数据如何加载到前端中,都由前端自己决定,网页有网页的处理方式,App有Ap            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-11-01 17:46:51
                            
                                931阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            本篇使用Vue.js作为前端框架,代替Django本身较为孱弱的模板引擎,Django则作为服务端提供api接口,使得前后端实现完全分离,更适合单页应用的开发构建。一、环境准备pycharm、python、django、node.js、mysql。这些工具的安装这里不做赘述,百度都有。二、新建django项目三、运行项目,测试以下django项目是否新建成功方法一:方法二:四、修改数据库配置(我不            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-11-08 19:35:07
                            
                                2528阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            简介 vue-cli创建vue项目,整合vuex、vue-router、axios、element-ui 项目模板下            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-10-01 08:15:39
                            
                                1061阅读
                            
                                                                             
                 
                
                                
                    