界面: 主要代码: 搜索框: <el-form ref="searchForm" :inline="true" :model="searchMap" style="margin-top: 20px;margin-left: 0px" > <el-form-item prop="companyName"> <el-input v-model.lazy="searchMa

最近做了一个前后端分离的商城项目来熟悉开发的整个流程,最后希望能有个正式的部署流程,于是试着把项目放在云服务器上,做了一下发现遇到了不少问题,借此记录一下整个部署的过程. 使用的技术栈如标题所说大体上是Vue+Spring boot,但还是要提一下详细的版本,因为在解决问题的过程中发现由于开发环境的不同会产生诸多影响,查找问题时如果没有版本作为前提经常会出现很多不必要的误解,甚至是误操作,非常浪费时间.详细版本情况如下: Vue 2.6.11 Vue-cli 4.5.0 Spring boot

最近想弄一下vue 所以就自己给自己找坑入   结果弄的满身是伤 哈哈哈 首先我说下 前后端分离  跨域请求  我在网上找了一些  可是都是针对于 spring boot 的 我自己还有 security 呢  那么问题来了这个权限认证 怎么搞 其实很简单  直接上代码了 在你的 security 配置加上 .cors() //主要是这个呀 加上了 应该是允许跨域 .and() .csrf().disable(); 然后就是  在spring boot 里配置一个跨域 @Configuratio

前言: 最近在考虑搭建个人网站,想了想决定采用前后端分离模式 前端使用Vue,负责接收数据 后端使用Spring Boot,负责提供前端需要的API 就这样开启了我边学习边实践之旅 Vue环境搭建步骤: 1.安装node.js a)进入node.js官网(https://nodejs.org/en/download/),选择对应版本下载,并进行安装(安装时,按照提示,一直next) b)验证node.js是否有安装好:打开命令行窗口,输入node -v,会返回对应的node.js版本号 c)np

前端界面 使用Quasar将组件都排好,用好css. Quasar 入门 # 确保你在全局安装了vue-cli # Node.js> = 8.9.0是必需的. $ npm install -g vue-cli # 然后... $ vue init quasarframework / quasar-starter-kit-umd <文件夹名称> 后端 Spring Boot JPA项目搭建 1.开发工具 IntelliJ IDEA 2017.2.6 2. 开发环境 JDK 1.8 3. m

全栈的自我修养: 环境搭建 Not all those who wander are lost. 彷徨者并非都迷失方向. Table of Contents @ 目录 前言 环境准备 nodejs vue-cli 创建 Vue 项目 yarn和npm 命令 对照表 项目结构 使用 elementUI 配置 Vuex 配置 axios github 参考 当你看到这篇文章的时候,暂且认为你对如何做一个网站有了兴趣. 前言 本系列文章将从一个完整的项目是如何开发的过程进行编写,期间会涉及前端.后端和

新蜂商城 Vue 移动端版本开源啦! 去年开源新蜂商城项目后,就一直在计划这个项目 Vue 版本的改造,2020 年开始开发并且自己私下一直在测试,之前也有文章介绍过测试过程和存在的问题,修改完成后,于 5 月底将 Vue 版本的所有代码开源了,只是后面一直太忙,没有时间整理这篇文章. 现在,向大家介绍一下这个 Vue 版的前后端分离商城项目. 所有的代码.文件全部都开源到 GitHub 仓库中,并没有任何藏着掖着的行为,不会说缺少哪个依赖或者某个重要功能,这种事情是不存在的,大家先看看文章和预

单纯记录,若有不合理不规范的地方请忽略. 0.配置JDK 0.下载liunx的jdk解压到/usr/local目录下. tar -xzvf jdk-8u291-linux-x64.tar.gz -C /usr/local/ 1.配置环境变量: vim /etc/profile 插入: export JAVA_HOME=/usr/local/jdk1.8.0_291export JRE_HOME=$JAVA_HOME/jre export CLASSPATH=.:$JAVA_HOME/lib:$J

无聊做做看看,几乎没有怎么仔细做过这方面的,总是以为很简单,想想就会,实际做起来结合工作经验感觉还是挺有收获的,可以用在自己的项目上 第一版本思路:框架使用ssm,这个无所谓,采用分页语句查询指定页面的数据,根据数据记录总数,页面显示记录数计算有多少页,每次提交后计算当前页显示的上标和下标,然后进行分页查询,功能实现了,效果不满意,代码贴上,接口就不贴了,直接上接口的实现类,数据根据sql语句自己造吧 package com.mi.controller; import org.springfra

Github地址:https://github.com/smallsnail-wh 前端项目名为wh-web 后端项目名为wh-server 项目展示地址为我的github pages(https://smallsnail-wh.github.io)用户名:admin,密码admin(第一次启动会比较慢) 项目建构简单介绍: 数据库设计 用户表sys_user:存储用户基本信息. 角色表sys_role:存储不同的角色. 菜单表sys_menu:存储菜单信息. 用户和角色关系表r_user_ro

先在改成纯利用js进行分页,首先查询出所有记录,初始化通过jquery控制只知显示首页内容,创建页面切换功能的函数,每次显示固定的内容行并把其他内容行隐藏,这样只需要一次提交就可以实现分页,但是仍有缺点,就是如果数据量很多很多,会严重影响性能:-------合理的想法是每次先取出一部分的内容,比如先去除前30行的内容,等浏览到第31行时再进行一数据库的检索,先看看这个版本的 package com.mi.controller; import org.springframework.beans.f

MongoDB 查询有四种方式:Query,TextQuery,BasicQuery 和 Bson ,网上太多关于 Query 的查询方式,本文只记录 BasicQuery和Bson 的方式,BasicQuery 相对于 Query 更加的灵活,BasicQuery 就是 Query 的扩展,BasicQuery 可以返回指定列数据.最灵活的是Bson方式. 大写的采坑经验: 1.MongoDB 虽然存储很灵活,但是,不要存储Map类型的,不要存储Map类型的,不要存储Map类型的.尽量存储强类

1.微博登录 2.爬取数据 3.mysql存储 4.pyechart本地展示 5.用vue搭建网站web展示 先放图: 1.微博登录 新浪微博的登录不是简单的post就能解决的,他的登录有加密,所以我们要使用一定的解密算法才能正常登录微博,得到我们想要的数据. 先不要慌,第一步当然是import我们需要的库 from urllib import request,parse import http.cookiejar import base64 import json import rsa imp

在第二个版本上添加了姓名模糊查询,年龄区间查询;自以为easy,结果发现mybatis的各种参数写法基本搞混或是忘了,zuo啊,直接上代码,然后赶紧把mybatis整理一遍再研究自己的项目,应该还会有个版本4,基本就可以搬到实际项目上使用了,话说自己的项目要抓紧了,最近做的有点慢,也是没办法,工作偏忙,空闲时想看的东西太多,还是要科学计划一下, 参考资料 1 ibatis2.x与mybatis(ibatis3.x)的比较 http://zhaohe162.blog.163.com/blog/st

为什么使用Vue-Simple-Uploader 最近用到了Vue + Spring Boot来完成文件上传的操作,踩了一些坑,对比了一些Vue的组件,发现了一个很好用的组件--Vue-Simple-Uploader 再说说为什么选用这个组件,对比vue-ant-design和element-ui的上传组件,它能做到更多的事情,比如: 可暂停.继续上传 上传队列管理,支持最大并发上传 分块上传 支持进度.预估剩余时间.出错自动重试.重传等操作 支持"快传",通过文件判断服务端是否已存在

这是spring boot集合mybatis的分页查询. pom依赖: <!-- 分页插件 --> <dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelper</artifactId> <version>4.1.0</version> </dependency> 往spring容器注入一个Bean,写在ma

spring boot集成mybatis,集成使用mybatis拖沓了好久,今天终于可以补起来了. 本篇源码中,同时使用了Spring data JPA 和 Mybatis两种方式. 在使用的过程中一定要注意,JPA和Mybatis可以在同一个方法中调用,但是如果要保证事务一致性,千万不要把JPA的操作和Mybatis的操作放在一个事务中 项目GitHub地址:GitHub地址 spring boot 2.0 ===========================================

转自:https://www.cnblogs.com/sandea/p/8275890.html 在我们平时的工作中,查询列表在我们的系统中基本随处可见,那么我们如何使用jpa进行多条件查询以及查询列表分页呢?下面我将介绍两种多条件查询方式. 1.引入起步依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</art

本次做的小项目是类似于,公司发布招聘信息,因此有俩个表,一个公司表,一个招聘信息表,俩个表是一对多的关系 项目整体结构: Spring Boot和Spring Data结合的资源文件 application.properties #项目端口配置 server.port=8080 server.address=0.0.0.0 #Mysql数据源配置 spring.datasource.driver-class-name=com.mysql.jdbc.Driver spring.datasource

Spring Boot中利用递归算法查询到所有下级用户,并手动进行分页 前提:语言用的是kotlin(和Java一样,但更简洁),写下这篇文章用来记录编程过程中遇到的一些难点 1.功能需求 前端用户A点击"我的推荐"后,调用后台的接口,查询到所有的下家(不仅包括直接下家) 如图所示,当前用户A要查询所有下家用户,就是以自己为树的"根"节点,遍历所有下家用户,并返回所有下家:B.C.D.E···. 2.代码实现 //我的推荐 fun queryLower(reques

spring data jpa 是一个封装了hebernate的dao框架,用于单表操作特别的方便,当然也支持多表,只不过要写sql.对于单表操作,jpake可以通过各种api进行搞定,下面是一个对一个表或者对象进行多字段查询的案例,可以看到jpa的单表查询是多么的强大1,先看这个对象--表映射所包含的字段 父类@MappedSuperclasspublic abstract class EntityBase implements Serializable { /** 0-有效:9-删除 */