本文大约二千字，看完本文大概需要二十分钟，动手尝试需要一小时前段时间做项目，技术栈是vue+webpack,主要就是官网首页加后台管理系统 根据当时情况，分析出三种方案一个项目代码里面嵌两个spa应用(官网和后台系统)分开两套项目源码一套项目源码里面就一个spa应用思考：直接否定了一套项目源码里一个spa应用(ui样式会相互覆盖，如果没有代码规范后期比较难维护)两套源码的话，后台可能开两个端口，然
转载
2024-10-09 10:00:52
331阅读
首先创建一个vue项目，不懂得可以看页面创建vue项目 或者npm创建vue项目第一步：修改配置vue.config.js创建成功后的项目配置为/**
* 简单页面使用配置
*/
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
transpileDependencies
转载
2024-09-27 13:28:33
116阅读
再此我先说明 我写的这个例子是一个成熟的项目中直接加入的, 里面有好多配置都是配好的 , 但是这些都不重要,因为没有太大的关系,进入正题~ 我们平时开发 vue项目的时候,就有一种感觉就是 vue就像是专门为单页应用而诞生的,因为人家的官方文档中也说了 在这里插入图片描述 其实不是的,因为vue在工 ...
转载
2021-08-31 20:29:00
955阅读
2评论
最近一直在研究使用vue做出来一些东西，但都是SPA的单页面应用，但实际工作中，单页面并不一定符合业务需求，所以这篇我就来说说怎么开发多页面的Vue应用，以及在这个过程会遇到的问题。这是我放在GitHub上的项目，里面有整个配置文件，可以参看一下：multiple-vue-page准备工作在本地用vue-cli新建一个项目，这个步骤vue的官网上有，我就不再说了。这里有一个地方需要改一下，在执行n
转载
2024-01-16 13:56:50
402阅读
我们平常用vue开发的时候总觉得vue好像就是专门为了单页面应用而诞生的，其实不是。因为vue在工程化开发的时候很依赖webpack，而webpack是将所有的资源整合到一块，弄成一个单页面。但是vue不止可以做单页面，它还可以做多页面，如果要做多页面的话需要对他的依赖，也就是webpack就是重新配置才可以。本文将详细讲webpack的配置。1、进入\build\webpack.base.con
转载
2023-11-24 01:09:21
672阅读
一直以来更多的是进行单页面开发。但在与其他同行的交流中，发现多页面项目也是业务的一种需求，趁着今天有时间，今天搞了一下。多页面的配置，自然也可以根据路由的mode分为hash和history模式。先说本人更熟悉的hash模式。一，多页面要有多个入口默认使用vue-cli 2初始化的项目，需要修改webpack的entry参数，修改两个入口，如下// 原来
entry: {
app: '
转载
2023-06-16 15:35:01
1153阅读
Vue开发中Element是一个比较受欢迎的界面库，实际开发中Vue2搭配Element UI开发，Vue3搭配Element plus开发，今天就用Vue2 + Element来开发登录页面。目录1.Element UI介绍1.1官网1.2element-ui安装2.开发环境准备2.1core-js安装2.2浏览器自动打开和关闭useEsli
pages # Type: Object Default: undefined 在 multi-page 模式下构建应用。每个“page”应该有一个对应的 JavaScript 入口文件 一个指定了 entry, template,
原创
2024-04-29 10:00:48
54阅读
vue多页面
原创
2022-11-21 10:58:23
413阅读
进入一家新的公司，要开发移动端app项目，前端技术选型时前端组长选的是vue的多页面开发，当时很蒙，vue不是单页面开发吗？咋出来多页面的。接触之后才发现确实存在也挺简单的，省去了路由表的配置。那就给大家整体思路分析一波吧。不足之处还请包涵！单页面开发我就不多说了，主要讲多页面的开发模式与最终效果，网上一搜单页面会有好多文章博客，但是搜多页面的就很少了，比如下面这个就是列了一下两种开发模式的优缺点
转载
2021-05-10 19:45:27
969阅读
2评论
在进行 **Vue 3 TypeScript 多页面开发** 时，尤其是当我们需要遵循一定的设计模式和最佳实践时，多个方面的考量就显得非常重要。本文将从版本对比、迁移指南、兼容性处理、实战案例、排错指南、性能优化六个方面，深入探讨如何高效地进行多页面开发，确保项目的可维护性和性能。
## 版本对比
在Vue 3中，引入了一系列新特性，相较于之前的版本，用户体验和性能都有了显著提升。以下是Vue
环境（配置）：win11操作系统，vs code编辑器内容大纲：列表、条件搜索、列表分页。通过实现"员工管理"模块（包含员工列表，搜用员工，员工添加页面）演示。具体步骤回到我们/views/staff/list.vue文件，我们现在要做一个正常的表格页面，包含搜索查询功能框架列表模板（可忽略）（以下这一段为使用框架自带的模板，但页面结构复杂有很多不常用的东西，所以只是提一嘴，可以跳过）
登录业务流程在登录页面输出用户名与密码调用后台接口进行验证通过验证之后，根据后台的响应状态跳转到项目主页登录业务的相关技术点http是无状态的通过cookie在客户端记录状态通过session在服务器端记录状态通过token方式维持状态登录/退出token原理分析token相当于验证码登录功能的实现1. 登录页面的布局 通过Element-UI组件实现布局el-formel-form-itemel
转载
2024-09-19 21:13:23
430阅读
第一步：使用vue-cli搭建项目（注：建议安装淘宝镜像，使用cnpm执行下面操作） 1.按住shift按钮，右键点击存放项目的文件夹，点击在此处打开命令窗口。 2.在命令窗口中输入 npm install -
转载
2024-08-01 09:33:07
152阅读
一、准备工作：首先使用vue-cli搭建一个空的vue项目，步骤见。二、单页面改造多页面操作步骤：1、目录调整：对src目录进行一些调整：调整前是这样的： （1）进入src文件夹中，新建一个文件夹，如取名pages，用于存放后面的多页面，在pages里面新建一个文件夹叫index用于存放首页，然后将下图红框内的文件(文件夹)都拉进in
转载
2024-04-13 10:09:42
988阅读
问题描述当前页面如下： 然后点击页码跳到第3页，然后在第三页点击页面链接跳转到新的页面 然后在新页面点击返回按钮，返回到当前页，结果页面分页显示第一页，对应页面内容也是第一页期望效果从新页面返回的时候，页码和页面内容仍旧保持在跳转离开前的样子。解决办法1.利用localStorage或者sessionStorage将跳转页面前的currentPage存储起来，然后，再次返回
转载
2024-05-16 04:13:39
340阅读
转载
2023-11-17 22:58:00
27阅读
目录一.需求解析 二.代码的实现第一步 修改实体及数据库第二步 修改查询语句第三步：测试类 第四步 补充三层结构的代码 (Controller,Service )第五步： 编写前端请求三.最终效果 SpringBoot+Vue+Element个人博客项目一.需求解析 提出需求：如图首页的精选文章因为过多，导致页面变形。我们需要对筛选出
转载
2024-04-29 10:49:39
60阅读
在工作中，有次遇到要把返回的字符串分割成两部分，一部分用另外的样式显示。 这时候，我想通过对得到字符串进行处理，在需要特别样式的字符串片段用html标签（用的span）包裹起来再通过变量绑定就好了。不过此时绑定变量的vue指令要用v-html。测试方案的过程很顺利。不过后面单独为自动添加的标签（span）设定需要的css样式时（直接在vue单页面的css区域加的样式），并没有起作用，浏览器检查元素
转载
2024-07-25 15:03:32
290阅读
介绍vue-element-frontend-backend 是一个后台前后端集成解决方案，它前段基于 vue-element-admin 和 后端自研[python+django+restful]。前段技术大部分继承来自vue-element-admin，完全再次基础上进行开发，改进，后端技术使用python+django开发代码，使用resutful架构风格完成整体风格设计。权限管理：后端
转载
2024-03-13 14:47:21
40阅读
