A叶子叶
大数据平台、数据仓库、数据分析/挖掘、应用开发、深度学习、爬虫
展开
-
若依笔记(六):前后端token鉴权体系
简单总结下若依的前后端token鉴权体系流程:1、前端是通过/login接口来获取jwt-token的,jwt的配置在后端的application.yml中2、后端处理/login请求时先检验redis中验证码然后使用spring-security内部机制(过滤链),调用DaoAuthenticationProvider的retrieveUser->loadUserByUsername()来校验用户密码;3、/login接口使用spring-security内部机制会生成authentication这原创 2024-09-14 18:25:33 · 259 阅读 · 0 评论 -
elementor编辑器,像写文档一样定制化网站
elementor是Wordpress的编辑器,需要在plugin插件库中搜索安装(还有一个编辑器是gutenberg),选择合适模板后使用elementor编辑修改网页的体验就像是写文档一样舒服,前提是懂一些前端的知识包括h5和css,了解常用的前端库(至少知道button和h1-h5等),了解css常用布局(行内元素,块元素,绝对布局,相对布局等);原创 2023-02-04 22:07:19 · 542 阅读 · 0 评论 -
使用siteground和Wordpress快速搭建外贸独立站
上一篇博客使用的是阿里+lnmp搭建的wordpress,使用lnmp与wordpress做1个外贸询盘网站_A叶子叶的博客-CSDN博客。这种方式对于个人搭建博客是可以的但如果你想做的是面向老外的外贸询盘网站,那么这里就有几个局限性;原创 2023-02-03 13:26:00 · 662 阅读 · 0 评论 -
WordPress外贸站必装的几个插件
插件和主题臃肿会造成wordpress访问龟速,即使用的是siteground的已优化的wordpress,使用阿里搭建的就更不用说了,每次更新主题theme后,主题的home和footer的page和其他信息会自动保存(因此主题选择要稳准狠,选择后就不要再频繁更换),插件更应该如此,选择必备的几个插件,不要装那些花里胡哨的工具插件,这里介绍的有缓存优化插件LiteSpeed Cache,图片清理插件Media Cleaner,主题插件Blocksy等;原创 2023-02-02 12:57:03 · 757 阅读 · 0 评论 -
使用lnmp与wordpress做1个外贸询盘网站
国内不兴建站,通常只有码农会建站收录文章,普通卖家卖东西更倾向于使用淘宝等大平台提供的能力,国外人喜欢建站,他们也不排斥在陌生的独立站直接联系卖家或购物,因此如果想把国内的东西卖出去给老外,可以考虑搞个外贸独立站发到外网,目前这种方式中99.9%都使用的wordpress快速创建,本次尝试在阿里云主机上使用wordpress快速做个外贸询盘网站.原创 2023-01-29 18:43:19 · 1099 阅读 · 0 评论 -
Vue和Vue-Element-Admin(十三):登录页
登录页原创 2022-07-29 18:25:52 · 786 阅读 · 0 评论 -
SpringBoot实践(二十六):Security实现Vue-Element-Admin登录拦截(适合单体应用)
之前研究时候用mock.js和模拟登录接口完成Vue-Element-Admin的登录,生产很多场景会使用SpringSecurity框架,因为它功能较多,文档写的不错,所以现在使用真实的场景实现集成,security使用系列的过滤链完成请求的过滤和自定义,直接处理的是HttpServletResponse和HttpServletRequest对象。......原创 2022-07-29 14:54:50 · 1031 阅读 · 0 评论 -
Vue和Vue-Element-Admin(十二):proxy解决dev跨域
跨域一般后端解决,中间加一层nginx就ok,dev开发环境npm run dev后默认使用9527端口,注释掉mockjs拦截增加api配置就会涉及跨域问题,因为开发中前后端分离,后端接口肯定不是9527,可以使用proxy配置解决跨域问题,在9527上运行的前端api都转成本地的api;修改vue.config.js,后端是9904端口,新增proxy里面把process.env.VUE_APP_BASE_API路径转发: devServer: { port: port, o原创 2022-05-21 15:27:38 · 1360 阅读 · 1 评论 -
Python后端框架(二):使用vue和tornado开发股票展示/分析系统
前端vue-element-admin已经上手,基于python的tornado框架开发股票分析后台,拿到akshare的数据,定时任务写入mysql,前端表格展示,能结合vue,echarts,tornado,pandas,seaborn等涉及过的知识,是个练手的好项目。torndb适配python3tornado的torndb模块没有适配python3,首先把它适配,修改torndb.py如下:#!/usr/bin/env python## Copyright 2009 Faceboo原创 2022-05-21 14:16:53 · 1327 阅读 · 1 评论 -
Vue和Vue-Element-Admin(十一):axios,mockjs和vuex
axios,mockjs和vuex在开发/生产环境基本是耦合的,axios完成请求发送/接收及封装,mockjs进行数据的拦截/模拟,vuex进行本地数据存储及全局变量维护。以登录场景为例,登录表单el-form标签绑定form.item数据,el-input分别对应item.username和item.passwd,点击登录的button触发login()方法,入参即item数据,login()方法使用被axios统一封装的request(增加baseurl,请求头等)发起http请求,mockjs拦截原创 2022-05-17 15:07:43 · 777 阅读 · 0 评论 -
Vue和Vue-Element-Admin(十):HTML和CSS快速学习笔记
目录html标签分类网页布局盒子模型浮动定位css标签选择flex布局transform转换Vue开发tipsless和scssVScode常用插件后端语言框架很多,Java适合企业级应用(规范且稳定),Go适合高并发场景(比如云上产品),Python框架(bottle,tornado,django)简单且快速,也天然适合数据分析场景,PHP适合快速建站,前端变化小,所见即所得,因此抽空记录下学习笔记。如果把页面理解成一台运转的机器,html使用标签(..原创 2022-05-11 17:48:11 · 764 阅读 · 0 评论 -
Vue和Vue-Element-Admin(九):el-table(多列排序),el-form,echarts组件化
目录el-table表组件化el-form组件化echarts组件化component即元素,组件,components中封装通用组件定义props传入数组,在views中父子关系引用,根据需要设置特殊样式。el-table表组件化最简单写法:<template> <el-table :data="tableData" border style="width: 100%"> <el-table-column v-for=".原创 2022-05-01 15:32:26 · 1098 阅读 · 0 评论 -
Vue和Vue-Element-Admin(八):根据menu数组或router动态渲染侧边栏
一般情况下menu动态获取的(通过登录权限获取),Vue-Element-Admin则是通过动态获取router和child渲染menu;最基本方式直接copy使用elementui的侧边栏,使得侧边栏100%高,header固定60,main是100%-60px,侧边栏的menu写死,如下代码, <template> <el-container style="height: 100%"> <el-aside width="200px" styl原创 2022-04-28 17:47:55 · 1777 阅读 · 0 评论 -
Vue和Vue-Element-Admin(七):把管理系统发布阿里云(公网)
目录打包nginx配置阿里云安全组配置上一节使用Vue快速实现后台管理系统做的demo系统是是纯前端,通过mock模拟后台接口返回,打包成静态文件后,配置nginx转发,发布到阿里云上,地址:yezonggang打包npm run buildvue是单页面富应用,本次demo开发使用全局的组件引入,所以无需特殊配置直接打包问题不大,打包完成后会在项目统计目录生成dist文件夹,目录结构:把dist文件打包成zip包,放在/usr/share/nginx/后解压;..原创 2022-04-19 19:10:11 · 2948 阅读 · 0 评论 -
SpringBoot实践(二十):使用Vue快速实现后台管理系统(仅前端)
使用vue快速地开发一套后台管理系统,入门级别,对于登录和首页可以自行优化,代码地址:https://github.com/yezonggang/vue-for-backend原创 2022-04-15 18:29:44 · 2190 阅读 · 1 评论 -
SpringBoot实践(十七):与vue-element-admin登录集成
前面博客有vue-element-admin的登录集成:登录集成,本次写个简易版,只需要前端需要的user/login、user/logout、user/info这3个接口,login实现token生成,logout直接退出登录没有操作逻辑,info是拿到login返回token后存在vuex后携带token拿当前user的权限的,把返回的roles列表读取出来,权限是对应不同的路由路径的,后端demo在git上,写的很随意需要可以参考:后端vue-element-admin环境链接教程很详..原创 2021-09-16 13:19:50 · 5299 阅读 · 3 评论 -
Chrome有意思的插件(持续更新)
慢慢发现chrome有很多解放个体效率的插件,简单好用,这里做个总结,方便后续后面找;自动点击/秒杀插件 :seckillseckill=second kill,其功能和操作很简单,能实现自动秒杀/抢票,疯狂点击链接地址,github上的项目地址:地址,seckill提前预设要点击的链接内容,通过dom树定位,简直是抢票秒杀神器;油猴插件:tampermonkeytampermonkey可以说在业界是名(chou)声(ming)在(zhao)外(zhu),油猴管理器可以安装自己开发的.原创 2021-02-05 20:27:59 · 14072 阅读 · 0 评论 -
高德/腾讯地图API实现自定义标记点和事件
主要是基于JavaScript的地图API实现自定义的marker和点击事件,前后端不分离场景,是ajax得到请求;<!doctype html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="initial-sc.原创 2021-01-23 17:41:43 · 7809 阅读 · 5 评论 -
Vue和Vue-Element-Admin(六):集成中的CORS(跨域资源共享)问题
在vue-element-admin登录集成时候碰到跨域资源共享问题,CORS(Cross-origin resource sharing)是浏览器的技术规范,浏览器可以发起跨域请求但Javascript脚本不能,传统的ajax只能获取在同域名下的资源,但Html5允许ajax发起跨域请求,解决方案有:JSONP、Flash、IFrame、CORS。一、CORS(跨域资源共享)问题针对vue-element-admin的登录模块的后端接口完成后,前端调用时候出现报错,因为前端的端口是9527而后.原创 2020-11-24 15:10:25 · 9110 阅读 · 3 评论 -
Vue和Vue-Element-Admin(五):使用Vscode在chrome中调试vue
前后端分离使前端的断点调试更加复杂,chrome中调试vue,需要先在vscode中装Debugger for Chrome插件,然后增加调试的配置修改launch.json配置文件;可以参考vue官网步骤:chrome中调试vue一 、安装Debugger for Chrome如下,在vscode的扩展插件按钮中安装,或者直接在chrome中下载后安装:debugger二、增加launch.json配置文件,修改chrom的调试配置,这里的url就是当前项目的入口url;三、打.原创 2020-11-24 14:08:02 · 7711 阅读 · 1 评论 -
SpringBoot实践(一):基于springboot的web开发和实例
这里直接使用idea的new project方式新建一个spirng init,然后基于当前配置完成spring mvc的web页面开发测试,包含几个小的实例;原创 2019-12-01 11:20:54 · 6725 阅读 · 0 评论 -
Vue和Vue-Element-Admin(四):vue-element-admin的用户登录集成
Vue-element-admin使用mock.js数据进行用户和权限的验证,使用该框架开发的首要事情就是用户集成改造,使用本地测试环境的用户和角色信息完成登录验证;github地址:https://github.com/yezonggang/testspring原创 2020-11-20 18:24:46 · 11926 阅读 · 1 评论 -
Vue和Vue-Element-Admin(二):vue-element-admin的目录结构和使用
Vue-Element-Admins是前端成熟框架,基于vue+element ui的开源技术方案:vue-element-admin 码云地址,教程:vue-element-admin教程,界面简洁清爽; 本地安装node.js和git工具,copy到本地即可运行,框架默认使用mock数据# 克隆项目git clone https://github.com/PanJiaChen/vue-element-admin.git# 进入项目目录cd vue-element-admin# 安..原创 2020-11-20 10:30:48 · 7990 阅读 · 2 评论 -
Vue和Vue-Element-Admin(三):路由及constantRoutes和asyncRoutes的区别
Vue-Element-Admin框架在定义路由使用constantRoutes和asyncRoutes两种,在store.modules.permission.js中对于两者的权限有默认的判断方式,后者需要动态判断权限,前者不需要;constantRoutes: 不需要动态判断权限的路由,如登录页、404、等通用页面;asyncRoutes: 需动态判断权限并通过addRoutes动态添加的页面;xxx...原创 2020-11-19 13:32:53 · 22110 阅读 · 2 评论 -
Vue和Vue-Element-Admin(一):Vue基础和框架
前后端开发容易有成就感,对前端的变魔术式的展示效果和开发一直很感兴趣,奈何毕业后3年都在做大数据平台和数据分析相关的东西,全是业务思路没有IT思路;当前项目涉及了2个前端展示系统,基于vue-element-admin的前端框架进行前后端分离开发,选择vue-element-admin框架,它是一个vue+element ui的开源技术方案:vue-element-admin 码云地址,教程:vue-element-admin教程,下载即可运行,熟悉vue开发模式即可快速上手,界面看起来比较简洁清爽。.原创 2020-10-27 18:29:36 · 9620 阅读 · 1 评论 -
web开发(一):地图API实现自定义marker和事件
高德地图API<!doctype html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="initial...原创 2021-01-21 17:43:16 · 562 阅读 · 0 评论