杜小姐--优快云博客

原创使用小乌龟把项目推送到gitee

1.电脑安装Git、小乌龟Tortoisegit、中文包百度网盘安装包下载地址提取码：duyc2.在gitee上新建项目仓库复制地址3.新建空文件夹，在里面点击克隆，把刚刚复制的地址填入URL里面，目录选择空文件夹4.点击确定克隆成功5. 把要上传的项目移动到这个文件夹6.选择Tortoisegit，选择添加6.把项目放到暂存区7.点确定提交7.填写本次git提交的备注信息，设置提交人的名称和提交日期。然后选择commit &a...

2021-10-29 15:40:30 2683 2

原创 vue element admin 跨域解决

1.配置.env.development2.配置vue.config.js在 vue.config.js 文件中使用 devServer.proxy 选项进行代理配置3.创建 src/api/xxx.js 文件，定义调用接口 API4.调用接口获取数据5.访问 http://localhost:9527/#/dashboard 首页，查看浏览器是否打印值...

2021-10-29 12:43:56 931

原创 vue-element-admin安装依赖失败问题

使用GitHub克隆下来，npm install安装依赖一直不成功，网上查了很多方法，最终解决问题记录一下过程：1.从GitHub克隆桌面2.在当前文件夹地址栏输入“cmd”打开窗口3.输入 npm install 下载依赖报一下错误4.在这里试了很多方法，依然不成功node-sass下载失败解决方案解决方案1.打开GitBash Here窗口，添加SSH key到账户2.使用$ ssh -T git@github.com // githu ...

2021-10-22 15:57:01 3879 1

原创 uni-app引入阿里云矢量图标库

这段时间因为任务要求，要做一个小程序，所以开始学一下uni-app开发，现在写一下关于引入阿里云矢量图标库的方法添加图标首先去阿里巴巴矢量图标库选择你喜欢的图标你可以在这搜索你想要的图标，选择好之后便把他添加到红色小车里然后选择添加至项目（没有的可以自己建一个）添加图标进去我的项目之后，将下面的链接在浏览器打开。也可以下载本地把文件放到static里面在index.html里面引入...

2021-09-07 17:30:29 307

转载 uniApp nvue如何使用阿里图标iconfont

在项目中遇到了需要在nvue里使用iconfont图标，刚开始照着社区搜索的答案：https://ask.dcloud.net.cn/question/64622这样引入css文件：<style src="@/common/iconfont.css"></style>然后再使用<div class=”iconfont icon-like”></div>，真机运行，纹丝不动，气人的是还没法调试……再次搜索发现社区都是只言片语，于是将搜索范围扩

2021-09-07 08:46:52 1390 2

原创 uniapp发送网络请求

uni.request(OBJECT)发起网络请求。OBJECT 参数说明method 有效值必须大写，有效值在不同平台差异说明不同。success 返回参数说明data 数据说明最终发送给服务器的数据是 String 类型，如果传入的 data 不是 String 类型，会被转换成 String。转换规则如下：对于 GET 方法，会将数据转换为 query string。例如 { name: ‘name’, age: 18 } 转换后的结果是 name=name&age=1

2021-09-05 15:53:41 2871 2

原创 uniapp的单选框，type=‘radio‘用不了？

今天发现了一个新大陆，因为今天的任务有涉及到单选按钮，按照原来的思维想法，我敲了以下代码<input type="text" value="请输入地址" /><input type="radio" value="郑州" />结果发现发现竟然没有单选按钮，变成了输入框？后来我进去官网搜了一下发现uinapp的input是没有radio 类型的，uniapp的单选框有radio 标签还有radio-group单选按钮组，详见如下：官方文档单项选择器，内部由多个组成。通过

2021-09-04 22:17:31 1327

原创 node使用token实现增删改查

第一步创建models.js文件第二步连接mongoose非关系型数据库第三步在app.js里面验证token第四步在task.js里面进行增删改查操作

2021-09-03 18:58:32 195

原创 node中token的登录验证

利用Nodejs搭建简单的Token验证通过api来请求token，不再使用账号密码，因为账号密码非常关键，一般情况都会使用到token。模拟使用 // 获取发送数据 router.get("/list", (req, res) => { //通过req获取客户端数据 const token = (req.headers["authorization"] || "").split(" ").pop() //进行privateKey解密 const

2021-09-02 20:12:13 691

原创使用node完成json web token 登录注册

用法jwt.sign(payload, secretOrPrivateKey, [options, callback])（异步）如果提供了回调，则使用err或 JWT调用回调。（同步）以字符串形式返回 JsonWebTokenpayload 可以是表示有效 JSON 的对象文字、缓冲区或字符串。1. secretOrPrivateKey 是包含 HMAC 算法的秘密或 RSA 和 ECDSA 的 PEM 编码私钥的字符串、缓冲区或对象。如果私钥带有密码短语，{ key, passphrase }

2021-09-01 18:27:36 255

转载 Postman安装与使用

Postman一款非常流行的API调试工具。其实，开发人员用的更多。因为测试人员做接口测试会有更多选择，例如Jmeter、soapUI等。不过，对于开发过程中去调试接口，Postman确实足够的简单方便，而且功能强大。官方网站：https://www.getpostman.com/1、安装Postman最早是作用chrome浏览器插件存在的，所以，你可以到chrome商店搜索下载安装，因为重所周知的原因，所以，大家都会找别人共享的postman插件文件来安装。由于2018年初Chrome停止对Chr

2021-08-31 19:25:35 185

转载 uniApp--微信小程序,调用组件picker，结果数据响应式丢失问题

最近遇到一个很头疼的问题。调用一个picker二次封装的组件.组件中存在计算属性。是需要通过选择修改来查询出来相对应的key和value，结果计算属性在app中可以正常使用和反显，但在小程序中存在问题且不报错！！！1.调用))2.组件内部)3.数据)4.整体流程父组件中引入子组件。（formPicker组件）父组件请求picker所需数据。picker选择数。子组件依次调用index()和text()计算属性方法。显示选择相对应的Name，value返回相对应id。5.

2021-08-30 18:58:15 1347

原创 Vue中axios的使用

标题

2021-08-29 14:49:22 181

原创 uni-app运行到微信开发者工具

配置第一步：在HBuilderX点击运行到小程序模拟器进行配置第二步：安装微信开发者工具第三步：点击微信开发者工具运行项目第四步：运行成功后会自动打开微信开发者工具模式uni-app无法运行到微信开发者工具很多小伙伴配置完成后运行的时候打不开微信开发者工具，原因是没有打开端口。解决方法：在微信开发者工具里面找到设置，点击安全，把服务端口给打开，这样重新运行项目就成功了。同理配置其他插件也是一样的方法...

2021-08-29 14:28:26 1025

原创 uniapp如何封装组件

封装组件涉及的知识点较多，相关文档详见：vue组件详解扩展组件（uni-ui）uni-ui是DCloud提供的一个跨端ui库，它是基于vue组件的、flex布局的、无dom的跨全端ui框架。uni-ui不包括基础组件，它是基础组件的补充。uni ui产品特点1、高性能目前为止，在小程序和混合app领域，uni ui是性能的标杆。自动差量更新数据优化逻辑层和视图层通讯折损背景停止全端风格扩展与uniCloud协作与uni统计自动集成实现免打点uni ui符合全套DCloud组件规

2021-08-28 20:13:37 1111

原创 Vuex概述及使用

1.Vuex概述1.1 组件之间共享数据的方式父组件向子组件传值：v-bind 属性绑定子组件向父组件传值：v-on 事件绑定兄弟组件之间共享数据： Event Bus（只适合小范围数据共享，大范围共享就使用vuex）$on 接收数据的那个组件$emit 发送数据的那个组件1.2 Vuex是什么Vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间数据的共享。1.3 使用Vuex统一管理状态的好处能够在 vuex中集中管理共享的数据，易于开发和后期维护

2021-08-27 19:53:48 93

原创 Vuex五个核心概念

Vuex 是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension (opens new window)，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。State单一状态树vuex的基本数据，用来存储变量Vue.use(Vuex);export default new Vu

2021-08-26 18:06:57 145

原创 uni-app 生命周期

uni-app 生命周期分为应用生命周期、页面声明周期、组件生命周期，详细请参考uniapp官方API应用生命周期uni-app 支持 onLaunch、onShow、onHide 等应用生命周期函数。函数名说明onLaunch当uni-app 初始化完成时触发（全局只触发一次）onShow当 uni-app 启动，或从后台进入前台显示onHide当uni-app 初始化完成时触发（全局只触发一次）onHide当 uni-app 从前台进入后台onE

2021-08-25 20:51:56 305

原创 [Vue warn]: Invalid prop报错

今天开发项目的时候出现了一下这种情况[vue warn]：无效的属性：属性“列表”的类型检查失败。应为数组，已获取对象错误原因：子组件 props -> list 要求接收的数据类型是 Array, 然而实际接收到的是 Undefined。所以检查父组件传过来的值，保证传过来的值是子组件所期望的数据类型即可。...

2021-08-24 18:04:03 2895

原创前端请求地址的几种方法

我们知道，前端除了样式的编写之外，最重要的莫过于数据的渲染。数据一般而言都是从后端获取的。下面是我将介绍几种常见的请求方法。最原始的数据请求方法我们在写HTML时，当我们想引用外部资源时，通常会在script标签内引用，比如引入Vue<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.3/vue.js"></script>是的，用script 标签就是最原始的请求方式之一，我们知道，不论在何种环境下，我们都

2021-08-23 18:13:43 5341

原创 webpack基本使用及基本配置

什么是webpack?webpack 是前端的一个项目构建工具，它是基于 Node.js 开发出来的一个前端工具；它可以看作是一个模块打包机，通过一个入口主文件，找到与其相关所有的文件，将这些文件编译打包成浏览器可以识别的语言（vue，ts，less，es6一些高级语法等等）；它可以完美实现资源的合并、打包、压缩（包括将图片转换为base64）、混淆等诸多功能。1. 安装webpack流程进入项目根目录 npm init之后，文件夹下会有一个文件，叫做package.json{"name": "

2021-08-22 16:03:21 465

原创 Vue中组件化和模块化的区别

什么是组件组件的出现，就是为了拆分Vue实列的代码里的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可。组件化和模块化的不同：模块化：是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个每个功能模块的职能一致。组件化：是从UI界面的角度进行规划；前端的组件化，方便UI组件的重用全局组件定义的三种方式第一种 <div id="app"> <!-- 如果要使用组件，直接把组件的名称，以HTML标签形式，引入到

2021-08-21 15:54:15 2515

原创 Vue使用过滤器格式化日期出现NaN

今天使用v-for获取一个时间戳，然后加过滤器，添加数据之后，变成了NaN-NaN-NaN，不加过滤器，能够正常显示出来。这个什么原因？<td>{{ item.ctime | dateFormat('')}}</td> //全局过滤器，进行时间格式化 Vue.filter('dateFormat',function(dateStr,pattern){ //根据给定的时间字符串，得到特定的时间

2021-08-19 23:08:05 1500

原创 Vue中的样式绑定

操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是 attribute，所以我们可以用 v-bind 处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将 v-bind 用于 class 和 style 时，Vue.js 做了专门的增强。表达式结果的类型除了字符串之外，还可以是对象或数组。绑定 HTML Class我们可以传给 v-bind:class 一个对象，以动态地切换 class： <h1 :class="{active: is

2021-08-18 23:27:01 137

原创 vue事件修饰符的介绍

vue提倡的是在方法中只有对数据的处理，所以提供了事件修饰符用于DOM的事件处理，常用的事件修饰符有以下几个：stop 阻止单击事件冒泡（通俗讲就是阻止事件向上级DOM元素传递）显示结果prevent 提交事件不再重载页面默认事件指对DOM的操作会引起自动执行的动作，比如点击超链接的时候会进行页面的跳转，点击表单提交按钮时会重新加载页面等，使用".prevent"修饰符可以阻止这些事件的发生。self 当事件发生在该元素本身而不是子元素的时候会触发captu

2021-08-17 21:51:34 178

原创 vue脚手架的作用是什么？

vue脚手架的作用是用来自动一键生成vue+webpack的项目模版，包括依赖库，免去你手动安装各种插件，寻找各种cdn并一个个引入的麻烦。vue脚手架–vue-cli的安装前提条件：确保node环境：安装vue-cli需要在node环境下安装，所以首先确保自己安装了node，检查自己电脑是否安装了node ,可以在命令行工具内执行： node -v，如下图，如果出现相应的版本号信息，说明安装了node注意：安装vue-cli脚手架需要电脑安装的node的版本在v4.0以上第一步：新建Vue脚手

2021-08-17 12:27:50 6407

原创 MVC和MVVM的区别

Node后端中的MVC与前端中的MVVM之间的区别MVC是后端的分层开发概念MVC 代表 Model-View-Controller（模型-视图-控制器）模式。这种模式用于应用程序的分层开发。Model（模型）- 模型代表一个存取数据的对象或 JAVA POJO。它也可以带有逻辑，在数据变化时更新控制器。View（视图） - 视图代表模型包含的数据的可视化。Controller（控制器） - 控制器作用于模型和视图上。它控制数据流向模型对象，并在数据变化时更新视图。它使视图与模型分离开。MV

2021-08-16 11:28:24 112

原创 Axios的使用

一、什么是 axios？Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。二、引入方式使用： npm install axios使用：bower install axios使用：cdn<script src="https://unpkg.com/axios/dist/axios.min.js"></script>三、案例使用get方法 <input type="button" value="get请求" cla

2021-08-15 11:28:00 365

原创 Vue中指令的用法

vue常用指令文章目录vue常用指令1.v-bind2.v-on3.v-for4.v-if5. v-show总结示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。1.v-bind作用：动态地绑定一个或多个attribute，允许我们把属性的值写出变量的形式代码如下（示例）：  <a v-bind:href="url" v-bind:target="target">{{msg}

2021-08-14 12:38:25 1023

原创使用Ajax请求Json

第一种方法 //创建请求对象 var request = new XMLHttpRequest(); //配置请求参数，请求方式，请求地址 request.open("get", "..js/aap.json", true); //请求处理函数 request.onreadystatechange = function() { if (request.readyState == 4

2021-07-12 11:50:25 2487

原创 SSM模糊查询

ssm模糊查询语句详细接口//模糊查询账务收支类型public List<ZhangWuInfo> likeName(String flname);接口映射相应的xml<select id="likeName" parameterType="String" resultType="ZhangWuInfo"> select*from zhangwu where flname like concat('%',concat(#{flname},'%')) </sel

2021-05-14 20:51:37 1535

原创 Spring的作用

前言Spring框架是一个轻量级的Java开发框架，解决业务逻辑层和其他各层的耦合问题。Spring负责基础架构，Java开发者可以专注于应用程序的开发。一、核心容器由spring-beans、spring-core、spring-context、spring-expression 4个模块组成。spring-core:控制反转loC(Inversion of Control)与依赖注入DI(Dependencylnjection)的基本实现，控制反转是种设计思想，即将你设计好的...

2021-04-15 19:38:38 3604

原创 JSP分页

实现jsp分页1.定义一个分页的接口getCount//分页 public int getCount(); //查询所有班级 //pageSize 每行的行数 pageCode页数 public List<ClassInfo> ClassServlet(int pageSize,int pageCode);2.查询第三条数据public int getCount() { // TODO Auto-generated method stub int result = 0

2021-04-02 18:07:25 144

原创 JSP面向接口的编程方式2

JSP连接MySQL的删除、修改、添加1.在接口定义一个方法public int deleteClass(int parseInt);public int update(ClassInfo c);public int insert(ClassInfo c);2.实现类实现方法删除方法，修改，添加。// An highlighted blockpublic int deleteClass(int id) { // TODO Auto-generated method stub //

2021-04-02 17:56:02 156

原创 JSP面向接口的编程方式

JSP连接MySQL数据库举个连接班级表的简单例子MySQL中的班级表里面的数据展现到jsp页面让用户浏览1.连接数据库public class Dome {public final static String URL="jdbc:mysql://localhost:3306/mysql?&useSSL=false&serverTimezone=UTC";public final static String NAME="root";public final static St

2021-03-31 18:11:38 966

原创 JSP会话管理和使用

jsp会话管理和使用会话跟踪## 使用cookie request.setCharacterEncoding("UTF-8"); response.setContentType("text/html; charset=UTF-8"); PrintWriter out=response.getWriter(); HttpSession session=request.getSession(); String path=getServletContext().getContextPat

2021-03-30 19:28:49 241

原创 JSP会话跟踪技术

jsp会话跟踪常用的4种方:URL重写、隐藏表单域、cookie、sesion。URL重写技术:分别是将会话ID存放在URL路径中、执行URL重写。隐藏表单域：将会话ID添加到HTML表单元素中提交到服务器，此表单不再客户端显示;cookie的方式: Cookie是Web服务器发送给客户端的一小段信息，客户端请求时可以读取该信息发送到服务器端，进而进行用户的识别。对于客户端的每次请求，服务器都会将Cookie发送到客户端,在客户端可以进行保存,以便下次使用。session的方式:Servlet A

2021-03-29 20:46:23 360

空空如也

空空如也