- 博客(26)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 在本地利用node中的express框架监听端口指向文件夹，并可以通过ipv4地址打开
作为一个前端，有的时候如果需要在本地通过HTTP或者HTTPS来访问一个文件夹的话，可以通过软件来实现，但是如果通过nodejs来实现，该怎么实现呢？一、首先需要下载安装nodejs。二、然后在本地新建一个文件夹，如server，然后利用cmd或者其他终端工具进入文件夹，在命令行输入npm init来初始化项目，一路回车就行（也可以输入npm init -y，所有问题选择默认选项）。完成之...
2019-01-18 10:18:32
3059
原创 vue-cli利用nodejs中的express来运行打包后的vue-cli完成的项目(已解决vue-router的history模式)
我们在利用vue脚手架(vue-cli)开发vue的项目时，在开发完毕是需要执行打包命令(npm run build)进行打包，打包后默认生成一个新的文件夹dist，项目的所有前端文件都在这个文件里面。这个时候如果我们需要以本地服务打开这个文件的时候，可以利用其它软件进行打开，比如phpstudy、xampp之类的软件开启本地服务端口(http://127.0.0.1或者http://...
2019-01-04 11:28:30
2867
2
原创 Vux 一个凑合的 Vue.js 移动端 UI 组件库——Vux示例
在上三篇文章中，提到的都是mint-ui，是因为我第一个用到的就是它，所以就把它先写出来了。在工作之余，发现了vux-ui也是很不错的，就研究了一下，它的功能和mint-ui差不多，不过在vux-ui里面多了语言的翻译，所以弄得很是头疼，最后花了两天时间算是弄出来了，但是在语言的切换上还是有点小bug，这个只要把语言设置默认为中文就不会影响使用。如果 嫌麻烦的的话，可以不用翻译，但是你需要把源...
2018-05-17 18:47:23
5105
原创 mint-ui 各个组件示例
项目源码GitHub地址：https://github.com/wuhuisiyue/mint-ui.git；前期网络请求都是利用定时器来模拟，根据项目需求修改成真正的网络请求就可以用了；个人邮箱： xxwangkaimin@sina.com；大家有建议都可以发这个邮箱；示例建议使用手机打开，或者浏览器开启手机模拟示例网址： http://mint.wkmblog.com更...
2018-04-12 20:37:47
30185
8
原创 vue基于mint-ui组件loadmore实现上拉加载更多，下拉刷新功能
这个是模拟手机写的简单样式，不要在意这些细节，为了撑满容器每次加载十二那就开始代码了 ==》先安装 mint-ui在main.js中引入mint-ui的css样式和组件： import 'mint-ui/lib/style.css'import { Loadmore } from 'mint-ui';Vue.component(Loadmore.name, ...
2018-03-24 16:45:45
19148
21
原创 基于vue-element-admin的异步权限路由——动态路由（优化）（四）
上篇文章虽然实现了动态路由的功能，但是还是很麻烦的，需要配置两套路由表才能实现，经过一系列的测试后，动态路由表的配置完全由后端返回的路由数据进行生成。 菜单表（menu_table）:menuIdpidtitlepathnameredirectcomponentalwaysShowhiddennoCacheactiveMenuicontypeso...
2020-05-05 18:47:30
2425
1
原创 基于vue-element-admin的异步权限路由——动态路由（三）
前面已经实现了用户与角色关联、角色与路由关联，这篇文章主要介绍后端根据用户角色返回角色绑定的路由后，前端如何实现动态生成路由。 首先我们前端保存了一份全部的异步路由配置表：export const asyncRoutes = [ { path: '/privilegeManage', component: Layout, r...
2020-05-05 14:11:26
4142
7
原创 基于vue-element-admin的异步权限路由——菜单管理（二）
一、前置准备工作上篇文章讲述了用户和角色进行关联，这篇文章将讲述菜单管理(路由管理)以及菜单和角色进行关联。首先需要准备的工作：1、菜单数据表（menu_table）menuId pid name url sort type 菜单ID 菜单父级ID 菜单名称 菜单路径 菜单排序 菜单 解释：菜单ID、...
2020-05-04 14:50:56
4234
原创 基于vue-element-admin的异步权限路由——用户角色（一）
第一次使用vue-element-admin这个后台解决方案的时候，感觉是非常的舒服的，基本的后台管理功能都能实现，唯一不是很友好的就是异步权限路由，无法灵活的进行变动。这个也是由于是演示示例，无法做到和数据库进行交互。在使用的过程中，经过多个项目的优化，实现了基于用户角色权限进行动态生成路由表的功能。原解决方案异步路由：/** * 异步路由 * 需要根据用户角色动态加载的路由 *...
2020-05-03 15:50:30
4898
3
原创 vue-cli3.0使用amfe-flexible + postcss-pxtorem，适配移动端并px自动转rem
已初始化vue-cli3项目第一步：下载 postcss-pxtorem（npm i postcss-pxtorem -D）第二步：下载amfe-flexible（npm i amfe-flexible -S）第三步：在main.js中引入amfe-flexibleimport 'amfe-flexible/index'第四步：新建vue.config.js，配置postc...
2019-09-30 17:21:17
4942
1
原创 Git-本地文件关联远程Git库文件
在我们第一次关联Git库后，如果把Git配置信息删掉了，那么我们需要进行第二次关联：一、git init二、git remote add origin "Git库地址"三、git add . 将本地工程文件夹所有内容添加至缓存区四、git commit - m "信息关联"五、git push执行第五步可能出错：fatal: Authentication failed ...
2019-06-12 22:50:02
1243
原创 Vue-cli脚手架之时间过滤器
一、Vue-cli脚手架创建全局过滤器：1、在src文件夹下创建filters文件夹，filters文件夹下创建文件index.js2、在main.js中引入后进行注册过滤器// 引入过滤器文件import filters from './filters/index'; // 过滤器注册Object.keys(filters).forEach(k => Vue.filte...
2019-05-24 18:01:23
1114
原创 关于本人源码的迁移
由于项目需要，本人所有项目代码全部转移到code阿里云的git库，原GitHub库上的代码不再提供更新。由于阿里云git库是私人库，不会公开。原项目包括：mint-ui示例源码； vux-ui示例源码； element-ui示例源码； admin-element示例源码； 七牛云php-sdk获取token示例源码（1.x，2.x）； 七牛云上传文件示例源码（1.x，2.x）...
2019-02-18 15:51:30
296
原创 阿里云ESC宝塔面板创建网站，利用phpstorm下载到本地，编辑同步到阿里云git库和服务器
首先解析好域名，利用宝塔创建站点绑定到解析好的域名：1、解析域名2、利用宝塔面板创建站点（创建站点是记得同时创建ftp）这个FTP账号资料记不记都行，宝塔面板有FTP记录。此时，站点创建完毕。打开可以看看默认的页面：然后我们打开phpstorm，链接ftp把服务器文件下载到本地来（不会phpstorm链接ftp，百度一下撒）我们需要在本地创建一个文件...
2019-02-12 09:57:49
724
原创 移动端媒体查询适配px，使用rem
以375px宽度16px为基础@media only screen and (min-width: 320px) { html { font-size: 13.65px !important; }}@media only screen and (min-width: 360px) { html { font-size: 15.36px !important; }}...
2018-12-19 09:24:58
800
原创 限制输入框输入合理的金额
在一些场景下需要对输入框进行一定的限制，比如输入框只允许输入合理的金额HTML代码：<input type="text" id="rechargeAmount" oninput="checkInput(this,10)" autofocus placeholder="请输入充值金额">js代码：/** * 限制输入框只能输入数字和最大长度 * 如果是小数只能输入...
2018-12-19 09:21:16
1409
2
原创 使用vue-image-crop-upload剪裁图片通过thinkphp5上传到七牛云
在此工作之前必须有七牛云账号和七牛云已经创建好的空间，在账号中可以获取到 ACCESSKEY 和 SECRETKEY。vue-image-crop-upload的使用方法可以参考官方的用法，如何需要满足自己的需求，可进行一定的修改再封装成自己的组件进行使用。vue-image-crop-upload前端代码：<a class="btn" @click="toggleShow"&...
2018-12-18 17:05:29
1195
5
原创 利用thinkphp5获取七牛云上传凭证
在使用七牛云上传文件的时候，我们需要首先获取一个uptoken值才可以向七牛云进行上传。由于我是web前端的，所以只利用PHP生成uptoken，然后使用js进行上传。首先需要安装七牛云的php-sdk。我在利用composer进行安装的时候是安装在一下目录，如果不会或者不喜欢使用composer，就直接去GitHub上下载php-sdk，放在这个目录就行，或者放在你认为不会影响其他应用的地方...
2018-12-05 10:01:29
1489
原创 关于thinkPHP5静态文件的简洁路径替换
在我们使用thinkPHP5框架的时候，引入静态文件的时候，'__CSS__'会默认路径为'/static/css'，那么我们在扩展或者修改应该怎么做？我试图在config.php的"视图输出字符串内容替换"去编辑是无效的，然后找到另外一个地方可以修改和添加。一、首先在项目中找到thinkphp文件夹二、在thinkphp文件夹中找到think文件夹三、在think文件夹下找到...
2018-11-30 09:19:17
3284
3
原创 如何将本地文件上传到code阿里云
一、首先要有自己的阿里云账号和已下载GIt软件二、登录到阿里云项目三、添加项目，输入项目名称，最好使用英文，点击确定，这个时候你的项目里面是没有文件的，但是下面有上传文件的提示四、把本地文件上传到创建的项目里面1、Git初始化，在需要上传的文件夹右键选择Git Bash Here，出现小窗口后输入git init，然后根据自己的账号进行初始化，如果是第一次进行初始化，参考Git官网...
2018-10-26 12:57:47
5938
原创 解决mint-ui组件spinner和indicator在华为自带浏览器上不旋转、动画失效问题
在写完mint-ui的vue项目，打包后，去检查css文件的时候会发现，css样式里面的所有-webkit-animation都没有了，所以在一些不兼容animation属性的浏览器上动画就会不起效果。这个是由于optimize-css-assets-webpack-plugin这个插件的问题。解决方案：1.找到webpack.prod.conf.js,注释掉以下代码：// new Optimiz...
2018-07-06 10:15:03
3340
原创 ThinkPHP5.0+aceAdmin+dataTables实现异步分页功能
最近在写后台的数据管理，有的时候由于数据过多需要使用分页功能，而我作为一个前端，由于用习惯了异步请求的功能在使用dataTables这个插件的时候，它也提供了利用Ajax来实现异步的分页功能，所以就去官网看了一下。dataTables官网后台数据列表页，用的是ThinkPHP5框架+aceAdmin—ui虽然现在的数据比较少只有22条，但是如果数据太多的话，会卡死服务器的页面其...
2018-07-02 16:52:21
2481
2
原创 利用nodejs将xlsx文件导出为json对象
首先新建一个项目文件夹，命名任意然后在该文件夹下下载 node-xlsx 执行 npm install node-xlsx然后下载 ejsexcel npm install ejsexcel --sava然后编辑一个xlsx表格文件，保存到该文件夹下，命名 userList.xlsx然后创建importFile.js文件，进行编辑let path = require('path');//使用ej...
2018-06-27 16:46:29
3405
原创 关于vue封装的axios在请求错误时获取不到错误状态码的初步发现
我们在写vue项目的时候，项目有的时候需要自己再次封装一个网络请求，比如：由于vue在开发的时候，默认的请求是localhost:8080,一般在请求后端的接口的时候，会有一个跨域的问题，跨域的解决就不写了，网上一大堆，比如在响应拦截的时候，如果请求错误，上面有些错误码，比如404,500之类的。但是在开发环境的情况下，存在跨域，如果请求错误，会存在获取不到错误状态码的情况，比如：...
2018-06-09 19:10:37
38865
9
原创 Vux 一个凑合的 Vue.js 移动端 UI 组件库——Vux源码
昨天由于时间关系没有上传源码到GitHub上，今天补上，源码地址：https://github.com/wuhuisiyue/Vux-ui补充说明：由于GitHub源码迁移到阿里云git库有什么问题可以联系我：QQ： 1150239832（同微信）邮箱：xxwangkaimin@sina.com...
2018-05-18 11:57:03
948
1
原创 基于vue2.0 mint-ui 组件GitHub源码
继续上一次发布的博客说过先展示效果，后期会把代码放在GitHub上现在部分完成的代码已经上传到GitHub上，后期会根据需要修改代码GitHub地址：https://github.com/wuhuisiyue/mint-ui.git补充说明：由于本人源码全部迁移到阿里云的git库，此库不再提供功能更新，如需要更新后的源码，请联系本人：新浪邮箱：xxwangkaimin@sina.c...
2018-04-13 16:09:10
4286
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人