创新项目实训——个人博客专栏
文章平均质量分 64
创新项目实训——个人博客专栏
Mai゛
大地丰盈,人间并不寂寥。
展开
-
Blog-创新项目实训——Vue项目部署优化之CDN引入
CDN 的全称是 ,即内容分发网络。CDN是构建在现有网络基础之上的智能虚拟网络,依靠部署在各地的边缘服务器,通过中心平台的负载均衡、内容分发、调度等功能模块,使用户就近获取所需内容,降低网络拥塞,提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。比如 js 有 2 种 引入方式:下载代码文件至本地项目中并引入。通过 CDN(内容分发网络) 引用。使用CDN引用的一个好处:许多用户在访问其他站点时,已经从百度、又拍云、新浪、谷歌或微软加载过 jQuery。所有结果是,当他们访问您的站点原创 2022-06-09 10:57:30 · 1562 阅读 · 1 评论 -
创新项目实训——Vue项目部署优化之Gzip压缩
Gzip是一种流行的文件压缩算法,现在的应用十分广泛,尤其是在Linux平台。当应用Gzip压缩到一个纯文本文件时,效果是非常明显的,大约可以减少70%以上的文件大小。这取决于文件中的内容。利用Apache中的Gzip模块,我们可以使用Gzip压缩算法来对Apache服务器发布的网页内容进行压缩后再传输到客户端浏览器。这样经过压缩后实际上降低了网络传输的字节数,最明显的好处就是可以加快网页加载的速度。在项目部署后,我们的资源文件请求都会保持原本大小,如果文件过大,并且很多的情况下,会导致网络请求耗时,甚至可原创 2022-06-07 22:55:24 · 836 阅读 · 0 评论 -
创新项目实训——Vue项目部署优化之路由懒加载
当打包构建应用时,JavaScript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就会更加高效。Vue Router 支持开箱即用的动态导入,这意味着你可以用动态导入代替静态导入:{ path: '/idea_submission', name: 'Idea_Submission', component: () => import('../views/Idea_Submission'),原创 2022-05-22 16:31:47 · 112 阅读 · 0 评论 -
创新项目实训——SSL证书申请及Nginx配置
文章目录端口与防火墙开放阿里云SSL证书申请(自动验证)证书申请证书创建证书上传Nginx证书配置安装Nginx的SSL模块配置443端口端口转发端口与防火墙开放首先需要开放服务器实例的443端口(https)接下来登录服务器,查看防火墙开放端口firewall-cmd --list-ports若开放的端口中没有443/tcp,则需要将其开放firewall-cmd --zone=public --add-port=443/tcp --permanentfirewall-cmd原创 2022-05-19 23:31:53 · 306 阅读 · 0 评论 -
创新项目实训 ——SpringBoot + Vue 项目部署在阿里云服务器 后篇
Vue项目部署项目选择部署在80默认端口,浏览器输入ip地址即可直接访问。本地打包配置vue.config.js配置代理// 跨域配置module.exports = { productionSourceMap: false, devServer: { //记住,别写错了devServer//设置本地默认端口 选填 disableHostCheck: true, proxy: { //设置代理,必须填原创 2022-05-18 21:16:03 · 564 阅读 · 0 评论 -
创新项目实训 ——SpringBoot + Vue 项目部署在阿里云服务器 前篇
SpringBoot项目部署本地打包打开SpringBoot项目的maven工具选择Lifecycle目录下的clean 双击 清理target文件夹双击package进行打包 可以选择右上角蓝色图标跳过测试或者直接在项目根目录下运行如下指令mvn clean package -DskipTests打包成功后服务器部署以下操作在服务器Linux环境下进行。jdk安装与配置以jdk13为例 其他版本自行更换下载链接即可通过xftp软件 或 Windows下的scp指令将jdk原创 2022-05-18 09:48:45 · 532 阅读 · 0 评论 -
创新项目实训 —— 实现tag列表的选择添加和自定义添加
本篇博客内容采用ant-design的标签进行实现(类似组件库的tag组件类似使用)目录实现效果:关键变量待选标签列表搜索(已选择)tag列表从搜索tag列表取消某一标签自定义关键词确认添加(限定数量10)确认添加成功后回调实现效果:关键变量keywords: [], //关联词列表checkArray: [], //关键词选中列表 选中为truetags: [], //搜索tag列表待选标签列表<a-checkable-tag原创 2022-04-17 22:30:03 · 972 阅读 · 1 评论 -
创新项目实训 —— 输入字数限制及空格限制
输入字数限制<a-textarea placeholder="请你对渲染图的绘制思路进行必要的描述和解释。(不超过500字)" v-show="picFileList.length!==0" v-model="creativity_info.picInfo" :max-length="500" onchange="creativit原创 2022-04-17 22:07:14 · 171 阅读 · 0 评论 -
创新项目实训 —— 使用relation-graph组件搭建一个功能模型图工具
目录一、实现目标二、组件的使用三、功能的具体实现图像的初始化产生新节点衍生后继结点节点编辑根据节点类型分别显示删除节点删除关系建立连接关系一、实现目标实现一个功能关系图形工具,可以用点和线的形式描节点(分为有用节点和有害节点)之间的关系,并对节点和连线进行增删改查等操作。具体功能实现成果如下:1. 从根节点衍生功能部件2. 从功能部件中衍生后继功能部件3. 编辑功能部件4. 删除功能部件5. 选择节点,另其...原创 2022-04-17 21:40:17 · 4295 阅读 · 8 评论 -
创新项目实训 —— Ant-Design分页
分页使用一:根据页码和页面大小返回PageSize条数据该方法适用于数据量较大的情景,每次查询根据PageSize和PageNum查询数据并返回前端。在频繁适用时,触发多次访问数据库,效率较低。项目使用场景:专利检索数据量:20万条 <a-pagination v-if="patents.length !== 0" @change="handleCurrentChange" :current="currentPa原创 2022-04-13 18:00:11 · 3709 阅读 · 0 评论 -
创新项目实训 —— 创新引导模块中 Vuex 3 的应用
SDU创新项目实训记录原创 2022-04-13 15:47:43 · 803 阅读 · 0 评论