开源框架EL-ADMIN开发自己的 web应用（1）-初始化并启动EL-ADMIN1.下载EL-ADMIN在本地新建一个目录d:/vuejs_dev/project/eladmin_learn，利用git克隆上述前端与后端源代码到本地//下载后端Administrator@Lenovo MINGW64 /d/vuejs_dev/project/eladmin_learn$ git clone ht

今天学习ElasticSearch相关项目，跟着B站狂神说做了一个京东搜索的实战项目，其中有一个直接将vue.js和axios引入到html中并结合thymeleaf使用的方法挺好，在此做一个记录。1.下载vue.js与axios.jsnpm init首先必须确保先安装node.js环境，新建一个英文的文件夹，取名newvue，然后进入该文件夹打开cmd命令行，输入C:\Users\Adminis

之前在做的个人博客，前端直接引入markdown文件并显示，当时的做法如下：这里如果用import()动态引入，必须写入静态路径，十分麻烦，难道项目部署上线时我还需要到这里来修改这个静态路径吗？肯定不会，所以我思来想去，还是采用后端解析md文件前端显示的流程，这样一系列文件路径的配置可以放在后端。1. 后端解析md文件1.1 配置md文件存储路径以及相关映射server:#端口port: 4000

1. 安装html-loader与markdown-loadernpm i html-loader markdown-loader --save安装完成后可以在package.json中看到2. 配置md文件解析规则package.json同级的目录下找到vue.config.js，没有则新建一个，配置加载md文件的规则，如下module.exports = {//配置加载md文件时的解析规则ch

1. 安装并配置mavon-editor到Vue项目前端vue，后端springboot实现markdown文件的编辑与上传。主要使用mavon-editor插件1.1 安装npm install mavon-editor --save1.2 配置新建mavenEditor.js// 全局注册// import with ES6import Vue from 'vue'import mavonEd

最近在开发个人博客，点击文章列表显示相应md文章，效果如下：其中遇到一个坑，我通过在后端请求md文件的path，从而在前端展示markdown文件，具体代码如下：<!--前端展示md文章--><vue-markdown :key="key">{{msg}}</vue-markdown>async getMd(){//通过id获取md文件的pathawait ge

由于对前端不是特别熟， vue也就学了一周，javascript也就是简单学了一两天，做个人博客的时候遇到一些不常用的，现在就记一下笔记。1. 构建对象，利用axios传递到后，跳转页面并传参首先构建函数，由于是分页数据，需要在data对象里包含多个参数：//条件分页查询export const findPage = (params) => {return axios({method: 'p

第（4）节，我们已经对代码生器生成的界面“我的岗位管理”进行了优化，可以看到，已经与原eladmin的“岗位管理”基本一致，现在我们来看看eladmin是怎么定义权限控制的，我们如何应用到我们自己的界面当中。1. 权限注解首先用IDEA打开后端“我的岗位管理”的gen模块中的rest层（也就是Controller层)，如下图:可以看到标红的注解@PreAuthorize("@el.check(‘m

开源框架EL-ADMIN开发自己的 web应用（2）-利用代码生成器生第一个CRUD界面小伙伴们，学习完第（1）节课的内容之后，我们可以成功启动eladmin了，现在需要更进一步利用eladmin来创建自己的增删改查界面了，话不多说，直接来操作0 界面效果这里为了方便理解，我们直接选取eladmin自带的一个模块进行讲解，启动eladmin后，点击系统管理->岗位管理可以看到基本的界面结构如

开源框架EL-ADMIN开发自己的 web应用（2）-利用代码生成器生第一个CRUD界面小伙伴们，学习完第（1）节课的内容之后，我们可以成功启动eladmin了，现在需要更进一步利用eladmin来创建自己的增删改查界面了，话不多说，直接来操作0 界面效果这里为了方便理解，我们直接选取eladmin自带的一个模块进行讲解，启动eladmin后，点击系统管理->岗位管理可以看到基本的界面结构如