本文作者:IMWeb HuQingyangVuePress 由两部分组成:一部分是支持用 Vue 开发主题的极简静态网站生成器,另一个部分是为书写技术文档而优化的默认主题。它的诞生初衷是为了支持 Vue 及其子项目的文档需求。每一个由 VuePress 生成的页面都带有预渲染好的 HTML,也因此具有非常好的加载性能和搜索引擎优化(SEO)。同时,一旦页面被加载,Vue 将接管这些静态内容,并将其            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-28 09:58:23
                            
                                50阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            还在烦恼怎么做一个简单又美观的文档或博客网站吗?VuePress,让你十分钟就能搭建一个静态网站!     Vue.js  简介VuePress,是 vuejs 在 Github 上开源的静态网站生成器,项目仓库位于 https://github.com/vuejs/vuepress,目前版本为 v1.5.0。VuePress 结合了 Markdown 语法和 Vue.js,可以从 Markdow            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-08 12:52:05
                            
                                79阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            在最早之前,我做过纯静态的项目引入vue当作模板引擎,就是那种没有任何打包压缩的项目,就是单纯的引入css、js、html的项目。现在应该是很少有这样的项目了,很少不代表没有,起码我现在在撸jq的项目(现在jq贼溜)。如果习惯了.vue文件去开发,有人就会想要直接用.vue文件当作组件。虽然我很不明白为什么,既然不是用webpack的项目,真的没必要用.vue文件,用js,直接注册组件就行,vue            
                
         
            
            
            
            2.页面静态化2.1.简介2.1.1.问题分析现在,我们的页面是通过Thymeleaf模板引擎渲染后返回到客户端。在后台需要大量的数据查询,而后渲染得到HTML页面。会对数据库造成压力,并且请求的响应时间过长,并发能力不高。大家能想到什么办法来解决这个问题?首先我们能想到的就是缓存技术,比如之前学习过的Redis。不过Redis适合数据规模比较小的情况。假如数据量比较大,例如我们的商品详...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-18 10:45:38
                            
                                181阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            ###前言通过代码片段分别介绍服务端渲染、客户端渲染、对象缓存三种方式的写法。代码片段仅供参考,具体实现需要根据业务场景自行适配,但思想都是一样。一、服务端渲染方式####1、接口返回html页面的设置
```java
@Autowired
ThymeleafViewResolver thymeleafViewResolver;
@Autowired
ApplicationContext appl            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-13 13:40:51
                            
                                57阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            2.页面静态化
2.1.简介
2.1.1.问题分析
现在,我们的页面是通过Thymeleaf模板引擎渲染后返回到客户端。在后台需要大量的数据查询,而后渲染得到HTML页面。会对数据库造成压力,并且请求            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-03-04 15:10:41
                            
                                215阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # Java项目网址静态化实现指南
## 1. 简介
在开发Java项目过程中,有时需要将动态生成的网页内容转化为静态页面,以提高网页加载速度和减轻服务器压力。本篇文章将指导你如何实现Java项目的网址静态化。
## 2. 流程概述
下面的表格展示了整个实现过程的步骤。
| 步骤 | 描述 |
| --- | --- |
| 步骤 1 | 确定需要静态化的网页 |
| 步骤 2 | 生成            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-08-09 12:44:47
                            
                                52阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Vue学习(一)初始化Vue项目的初始化安装前端项目初始化步骤后台项目初始化步骤 Vue项目的初始化安装按照黑马程序员Vue全家桶写的笔记前端项目初始化步骤安装Vue脚手架,只需全局安装一次 ; 1.1.先安装node,ndoe.js官网:https://nodejs.org/zh-cn/;下载好后傻瓜式安装,然后将解压路径配置到环境变量,win打开cmd,输入node - v,出现版本号证明安            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-13 18:56:11
                            
                                30阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            vue + spring 前后端分离 项目项目用途这个项目是给一个,个人空间项目,本来纯前端语言,但是慢慢完善之后到了现在这个样子。基本的功能包括但不限于如下几个模块照片墙功能,可以上传照片展示在首页可以互相设置相应的比赛模块从而获得积分可以通过积分来互相兑换礼物记录在一起的时间邮件提醒和代办事项等前端前端使用vue.js,组件库使用quasar.js是基于quasar提供的cli进行开发的。首先            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-17 11:41:38
                            
                                59阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            文章目录一、删除 Helloword.vue二、删除 views 中的文件三、新建 homePage.vue四、修改路由文件五、清空默认根组件、项目样式            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-08-12 11:00:59
                            
                                831阅读
                            
                                                        
                                点赞
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            # Vue项目 Docker化指南
在现代开发中,Docker为应用提供了一种便捷的打包和部署方式。将 Vue 项目 Docker 化,不仅可以在各种环境中保持一致性,还能简化发布流程。在这篇文章中,我将引导你了解如何将一个简单的 Vue 项目 Docker 化。接下来,我们将通过一个具体的步骤和代码示例来实现。
## 流程概述
在 docker 化 Vue 项目的过程中,主要的步骤如下:            
                
         
            
            
            
            # Java 对 Vue 进行页面静态化
在现代前端开发中,Vue.js 是一个非常流行的 JavaScript 框架;而 Java 则广泛应用于后端开发。静态化页面可以有效地提高网站的性能和用户体验。本文将介绍如何使用 Java 对 Vue 页面进行静态化,帮助开发者更好地理解这一过程。
## 什么是页面静态化?
页面静态化是指将动态生成的网页内容转换为静态文件,通常是 HTML 文件。这            
                
         
            
            
            
            在学习Vue-cli之前,我们已经学习了前端体系、前后端分离的演变、Vue入门、Vue的基本语法、Vue组件、Vue路由、Axios等内容。如果你还没学习,可以阅读我之前的文章《快速了解前端体系》《前后端分离的演变史,了解一下》、《Vue快速入门》等进行快速学习。接下来我们就来学习标准前端化工程Vue-cli。Vue-cli什么是Vue-cli?Vue-cli是官方提供的一个脚手架工具,我们可以利            
                
         
            
            
            
            目录一、为什么要静态化优缺点1.1 优点1.1.1 提高速度1.1.2 搜索引擎的收录1.1.3 安全性1.1.            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-09-07 14:31:28
                            
                                1271阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            虚拟机安装nginx并部署Vue项目虚拟机用的操作系统是centos7一、安装nginx需要先将官网下载的源码进行编译,编译依赖gcc环境,如果没有gcc环境,需要安装gcc:yum -y install gcc二、 Nginx下载安装wget http://nginx.org/download/nginx-1.13.0.tar.gz 三、Nginx解压安装: 解压文件到usr/software目            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-07-02 04:52:33
                            
                                2517阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            前提条件: registry=://registry.npm.taobao.org也可参考文章:vue开发环境搭建(IED:websto...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-03-04 11:20:56
                            
                                535阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            采用 vue create 和 vue ui 创建的默认项目是一样的 采用 vue init 创建的方式是兼容vue2 具体示例看菜鸟            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-04-23 08:57:15
                            
                                357阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            baseUrl.js// 正式const prodURL = 'https://datam2.youlishu.com/dqmuck';// 测试// const d            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-11-18 00:04:31
                            
                                110阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            是否使用历史路由 关闭 点击创建项目            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-05-25 18:00:38
                            
                                315阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            HTMLIndex 文件public/index.html 文件是一个会被 html-webpack-plugin 处理的模板。 在构建过程中,资源链接会被自动注入。 另外,Vue CLI 也会自动注入 resource hint (preload/prefetch、manifest 和图标链接 (当用到 PWA 插件时) 以及构建过程中处理的 JavaScript 和 CSS 文件的资源链接。P