小蛋蛋呐-优快云博客

原创帆软：本地文件连接数据库，并部署到Tomcat服务器上

计算机管理（本地）目录下->服务和应用程序->服务，找到MARIADB，选中右键点击启动。2、打开Navicat管理器，新建连接并双击连接图标，图标被点亮说明连接成功。选中此电脑，右键选中管理，手动启动MairaDB数据库（MySQL同理）点击“+”，选择JDBC，填入相应数据，点击测试连接，测试成功后点击确定。2、准备连接本地数据库，选中服务器导航栏下的定义数据连接。3、点击数据连接部分面板的“+”，点击数据库查询。点击管理系统，进入到管理目录，点击添加模板。选中需要的功能，点击确定。

2023-03-14 13:22:46 11365 1

原创启动MARIADB常见问题

错误1：Can't connect to MySQL server on '127.0.0.1'(10061)错误2：Access denied for user ‘root’@'localhost' (using password:YES)

2023-03-11 15:10:19 6412

原创 npm ERR! code E404 在vscode安装插件时报错的解决方案

答主在配置commit代码提交规范时遇到了以下问题出现了npm ERR!npm ERR!404 ……等报错情况，本文提供了两种报错的解决方案可供参考。

2023-03-02 15:36:34 23324 1

原创基于tauri和vue的开发

首先需要配置相关环境，再在终端输入命令，即可实现基于tauri+vue完成项目搭建、运行和打包，将带有.msi文件后缀的地址输入到文件地址栏，即可下载exe并进行运行。

2023-02-28 20:34:10 5817

原创【完整项目搭建】基于vue-cli实现vue前端搭建考试系统——⑦项目开发基于vuex实现顶栏组件操控左侧导航栏收起

由于左侧菜单是单独部分的数据，而顶栏也是，因此根据模块化的思想需要将两部分数据进行封装管理，需要再在store文件夹下新建tab.js文件。1、顶栏常单独形成一个组件，因此在src文件夹下的components文件夹中新建CommonHeader.vue。在CommonAside.vue组件中获取store中的state，从而获取isCollapse字段。相关代码如下：【注意，由于顶栏的左侧区域和右侧区域经常分装，以实现不同功能】tab.js文件写好后，在store文件夹下的index.js文件中引用。

2022-12-20 10:45:29 809

原创【完整项目搭建】基于vue-cli实现vue前端搭建考试系统——⑥项目开发基于实现菜单单击跳转功能

在methods中定义菜单切换功能点击事件 clickMenu()，由于需要获取选定的菜单路径以实现跳转，因此需要将选中的内容item作为参数传入点击事件中。2、在components文件夹下的CommonAside.vue绑定点击事件，实现页面跳转。router文件夹下的index.js文件配置完成后，可通过url地址栏实现路由切换。1、为实现菜单点击跳转功能，首先配置router文件夹下的index.js文件。②配置子路由（一级菜单和二级菜单的子路由相似）

2022-12-18 19:06:09 582

原创【完整项目搭建】基于vue-cli实现vue前端搭建考试系统——⑤项目开发基于less更改导航栏样式

在上一节中，我们实现了动态路由，并对导航栏的数据进行了渲染，为了进一步使页面和UI相互匹配，在本节中，我们基于less实现简化css的书写，并将在下一节实现菜单单击跳转功能。为消除侧边拉条，使左侧导航栏可布满整个视图，可先在操作题上找到指定对象并进行样式修改，修改后若页面效果和UI效果一致，则可在style部分进行CSS样式修改。在实际项目开发中，常在css的基础上采用less进行样式修改，下面介绍如何在本项目在引入less并进行书写，打开less官网【注意，要修改App.vue的样式，更改全局适配。

2022-12-18 17:44:57 239

原创【完整项目搭建】基于vue-cli实现vue前端搭建考试系统——④项目开发基于vue-router【嵌套路由】实现导航栏切换效果

配置嵌套路由，为实现右侧导航栏切换路由奠定功能基础，在element官网中查找container布局容器，并注册CommonAside.vue组件用于实现左侧导航栏，提供一级菜单和二级菜单的数据写法和页面渲染两种类型菜单的书写方式

2022-12-18 15:25:58 855

原创【完整项目搭建】基于vue-cli实现vue前端搭建考试系统——③项目开发中引入vue-router，并进行配置

本项目基于vue2开发，为项目选择npm安装vue-router;按照javascript的说明，首先在src文件夹下新建views文件夹，注册.vue组件;在src目录下新建router文件夹，在router文件夹下新建index.js文件;通过百度npm，在npm中可以查找到v3.x（vue-router 3）的最近版本。5、创建和挂载根实例，打开src文件下的main.js ，引入router

2022-12-18 10:54:31 460

原创【完整项目搭建】基于vue-cli实现vue前端搭建考试系统——②项目开发中引入element-ui【全部引入】

打开element操作，package.json验证安装成功：发现depandencies中可查询到 element-ui的版本号，成功；在element-ui官网中进入组件导航栏下的快速上手，查找引入element中的完整引入；写入element ui组件进行测试【为了方便起见，本处在App.vue组件中进行添加】输入如下命令，进行element ui安装【在本节仅介绍实现全局引用，不介绍局部引用】在my-app【打开vscode终端，进入创建vue-cli的文件下进入安装】进入组件导航栏下的安装目录。

2022-12-18 00:55:20 332

原创【完整项目搭建】基于vue-cli实现vue前端搭建考试系统——①创建vue-cli实现项目搭建

在终端创建脚手架（该创建项目文件夹用于存放前端内容，通常命名为my-app），注意，此处项目创建命名不可以为驼峰命名，否则会报错，只能通过小写或中划线-方式进行命名。创建vue-cli的指令如下（注意，my-app可为任意创建项目的名称，推荐使用my-app）注意，项目报错常常由于版本不匹配，因此需要下载对应的版本（如版本不符合则需要卸载重新安装）单击回车键，进入版本选择页面（此处选择vue2版本为例）综上，项目搭建完成，后续还要安装各种插件。

2022-12-18 00:21:18 573

原创 vue-cli安装jQuery报错 npm ERR! code ETIMEDOUT，npm install安装时卡顿，命令行现在idealTree:isp-bms: sill的解决方式

更换镜像地址为淘宝镜像，输入命令行npm config set registry https://registry.npm.taobao.org。使用vscode，新建终端，输入npm install jquery，安装jQuery。通过cmd更换下载镜像地址，切换淘宝镜像。

2022-11-17 10:26:48 1026

原创基于Manually select features（手动创建）脚手架

1、打开vscode终端，新建终端，输入 vue create 文件名，选择Manually select features，进行自定义配置【如果选择默认选项 default，将会构建一个最基本的 vue 项目】( ) Babel ——转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。( ) Router —— vue-router（vue路由）——是否将当前选择的配置情况存放为模板，选择否，输入n。——选择配置文件存放类型，选择第一项，单独存放。——选择校验类型，选择第一项，每次保存都校验。

2022-11-14 19:31:59 5425 3

原创创建基于vue2的vue-cli及运行，vue.js官网样例如何在vscode上运行（如何应对报错情况的三种解决方式）

如何创建vue-cli脚手架并创建vue2版本，创建成功后运行vue-cli的方法，vue.js官网如何在vscode上运行

2022-11-12 16:18:34 2224

m0_56905968的博客