vue
NurTuam-何永杰
这个作者很懒,什么都没留下…
展开
-
uniapp 多端兼容开发遇到的问题总结(三)
昨天作者在Uniapp的插件市场里无意找到了一个很适合自己业务场景的UI框架 —— uView UI , 为啥说适合呢,大家有读过我前几篇文章的人都应该看出,比较出名的移动端UI库,像VantUI、ThorUI 这些 在某些平台测试时会有各种各样的问题,其官方文档也指出有些组件只对某些平台有效,解决办法也只能按需引入自己需要的对应该平台的组件,最终项目就会thorUI和VantUI掺杂在一起,这样对后期项目维护,多多少少也会有不方便的地方,那uView UI有哪些好处呢?uView UI的特性兼容安卓原创 2020-10-29 10:33:46 · 1261 阅读 · 1 评论 -
uniapp 多端兼容开发遇到的问题总结(二)
上篇文章说到当我同一套代码切换回h5时发现 van-dropdown-menu 和 van-datetime-picker 没效果显示,甚至还报错了,所以针对这个问题 这两个地方我选用了 thorUI 的 top-dropdown 和 tui-datetime,调一下样式,问题就完美解决啦!注意:所有组件最好是按需引入,不要全局引入;一来可以减少打包体积,二来是兼容性问题,当然如果你只是一两个小程序平台的话,那按需跟全局也没什么差别,满足自己的业务需求选用的UI库才是最合适的。第二个问题就是vantUI原创 2020-10-25 15:10:41 · 1290 阅读 · 0 评论 -
[记录七]Vue+node+koa2+mysql+nginx+redis,全栈开发小程序和管理员管理系统项目——生成请求日志
前言日志是系统非常重要的东西,倘若生成环境中突然报错或异常,要想快速知道哪里出现了问题,最快的方式就是查看系统日志。日志不仅仅是系统异常后帮助定位错误的作用,也可以了解用户操作了什么请求,客户端ip和所在地址都是可以知道的,将用户的操作信息保存下来供系统管理员查看。下面来看看node是如何将日志信息保存下来并提供api给前端查看。日志表结构这是数据库的其中一张数据表,我将请求日志信息保存在这,方便管理员可以查看。创建生成日志的中间件//app.js// 日志app.use(async (ct转载 2020-10-09 17:09:53 · 239 阅读 · 0 评论 -
[记录六]Vue+node+koa2+mysql+nginx+redis,全栈开发小程序和管理员管理系统项目——服务端图片上传与下载
本项目需要涉及前端上传图片与显示图片,为此自己实践一下图片相关的东西,挺有意思所以就分享出来。实现思路:服务端的处理方式是将前端上传的文件保存在服务端本地,然后重命名该文件名字,再将图片在服务端的路径存入表中,前端请求图片地址的时候去服务端找出文件并返回给前端显示。在routes文件夹下新建一个common.js文件//common.js//导入所需模块const router = require('koa-router')()const api = require('../controller转载 2020-09-30 17:45:46 · 642 阅读 · 0 评论 -
[记录四]Vue+node+koa2+mysql+nginx+redis,全栈开发小程序和管理员管理系统项目——token控制接口权限
上节我们已了解后端是如何将数据加密成token以及如何解密回用户数据的,但是并没有做到用户没有登录就不可以请求某个接口(需要用户信息的api),这样不控制的话就直接请求那就会报错了,当然为了安全是肯定要对大部分接口进行登录后才能调用的控制的。这里我采用中间件去控制。在utils文件夹下新建一个whiteList.js文件这里就写免登录的接口路由,这些是客户端不传登录态token也是可以调用成功了,后面需要不登录就能调用接口就直接在这个数组后面加多个接口的路由。在app.js中编写一个中间件,根据上面转载 2020-09-24 17:29:27 · 828 阅读 · 0 评论 -
[记录三]Vue+node+koa2+mysql+nginx+redis,全栈开发小程序和管理员管理系统项目——token校验登录态
项目中凡是涉及到用户登录注册的都需要一个登录态来验证用户的登录状态,常用的登录台无外乎是token、session啊这些标识。这里我使用的是token字段。token一般会包含用户的个人信息,如:账号、账号id、用户名等等,更为安全的是加入一个自定义的盐(salt)一起加密,防止用户信息泄漏。下面就一起来使用一下:说到token,肯定会想到后端是怎么知道前端给我的token是不是我传给他的有效值呢?就是说后端需要有个值去跟前端传过来的token进行比较才知道合法性。所以后端在生成token的同时自己也需要转载 2020-09-24 17:25:29 · 133 阅读 · 0 评论 -
[记录二]Vue+node+koa2+mysql+nginx+redis,全栈开发小程序和管理员管理系统项目——编写接口路由
前言写这个项目需要用到很多的依赖,node导入依赖也很方便,直接:let mysql=require('mysql')以下是我做这个项目使用到的依赖:后面都会一一来使用和介绍。编写接口编写接口之前需要配置数据库和写一个处理sql语句的方法。在controllers文件夹下新建defaultConfig.js和mysqlConfig.js。//defaultConfig.jsconst config = { // 数据库配置 database: { DATABASE:转载 2020-09-24 17:08:19 · 1105 阅读 · 3 评论 -
[记录一]Vue+node+koa2+mysql+nginx+redis,全栈开发小程序和管理员管理系统项目——前期准备
前言做兄弟,在心中!~最近和兄弟们在开发一款小程序以及配套的后台管理系统,有个兄弟主要负责后端的开发,选用了适合前端人的服务端开发语言node.js,开发过程中一边解决问题和积累经验,精神可嘉,作为他的兄弟的我为了共同学习和有此需求的童鞋们,因此分享给你们一并进步!此博客会一直更新到这个项目的结束以及在生产环境上遇到的问题的总结,纯属个人的锻炼技术。如果有不足的地方,大家可以留言多多指出,我们会努力改进的。开发环境前期准备:1、下载集成环境(⚠️下载它的最新版避免踩坑。)。MxSrvs集成软件:它转载 2020-09-24 16:58:36 · 794 阅读 · 0 评论 -
从Vue源码角度深挖Watch、Computed
实例分析computed和watch前言这篇文章将带大家全面理解vue的watcher、computed和user watcher,其实computed和user watcher都是基于Watcher来实现的,我们通过一个一个功能点去敲代码,让大家全面理解其中的实现原理和核心思想。所以这篇文章将实现以下这些功能点:实现数据响应式基于渲染wather实现首次数据渲染到界面上数据依赖收集和更新实现数据更新触发渲染watcher执行,从而更新ui界面基于watcher实现computed基于wa转载 2020-08-25 22:23:05 · 199 阅读 · 0 评论 -
vue+element el-upload上传的二次封装
el-upload上传功能的二次封装不得不说,vue+elemenUI开发后台管理系统,就像西红柿配鸡蛋一样,真的超搭哒~~(不是说vue搭其他UI库就有缺陷,但从业务出发来说无疑是快和强的)el-uploa使用方法:https://element.eleme.cn/#/zh-CN/component/upload做后台就必会遇到上传Excel文件的功能啦,所以为了方便自己的开发和简化代码,...原创 2019-10-31 11:15:38 · 3081 阅读 · 0 评论