2020-04-07:因为期间在找工作,所以拖了一段时间,管理后台和小程序都已经写好了,还做了一些改变为啥叫它轻博客,这是临时想的名字,因为目前它的功能没有那么多,很简单的一些功能,为了不太Low就取个比较清新的叫法,之前是想叫VBlog,但是后面发现有大佬已经写了个叫VBlog的了,还是别跟人家重名好了。。。 配置文件因为有比较机密的配置,所以上传的是github的,大家根据需要再自己改 数据库
先看效果图新增页面: 编辑页面: 内容页面:排序: 点击大章后进入:点击小节后: 前端页面: 第一步是配置MAVEN的阿里云镜像,一定要配置,不然下载不了依赖,很多依赖服务器是国外的,阿里获得授权可以为你提供下载服务。我们一般都是maven3,如果你用2,同样的方式在maven2里面配置即可。用笔记本打开它也行,我推荐vs,看起来划分清晰很多。首先是依赖下载的地址,如果你以前没配置过一般都是自动配
VUE构建前后端分离的前端项目(超详细)1.使用vue-cli创建项目 2.使用elementUI组件编写页面 3.使用axios与后台交互 4.使用webpack构建工具打包 5.部署到Tomcat1.技术背景前后端分离的优势:分工明确,提高工作效率,前端主要关注页面、用户体验,后端主要关注业务、安全。性能提升,前端通过路由配置实现按需加载,后端无需解析前端页面。前后端同时开发,提升开发效率。发
前情提要上一节讲解了如何在前端使用oauth2,如何修改用户状态和编写认证逻辑以适应oauth2这一节会讲解如何做一个简单的后台管理页面什么是后台管理页面?后台管理的本质是对数据库记录的CRUD后台管理页面是给工作人员使用的,用来管理和维护信息的可视化页面,将平时需要对数据库的操作进行封装,方便管理用户后台管理页面就是用来管理用户信息的,不但要有用户的基本信息,和用户相关的信息也要有,比如用户权限
转载 2024-10-17 10:19:10
78阅读
JWT简介JSON Web Token (JWT)是一个开放标准(RFC 7519),它定义了一种紧凑的、自包含的方式,用于作为JSON对象在各方之间安全地传输信息。该信息可以被验证和信任,因为它是数字签名的。JWT的实现流程1. 用户输入账号和密码发出POST请求;2. 验证通过后服务器应用使用私钥创建一个JWT;3. 服务器应用返回JWT;4. 浏览器将JWT添加在请求头中向服务器发送请求;5
前后端分离开发时为什么需要用户认证呢?原因是由于HTTP协定是不储存状态的(stateless),这意味着当我们透过帐号密码验证一个使用者时,当下一个request请求时它就把刚刚的资料忘了。于是我们的程序就不知道谁是谁,就要再验证一次。所以为了保证系统安全,我们就需要验证用户否处于登录状态。传统方式前后端分离通过Restful API进行数据交互时,如何验证用户的登录信息及权限。在原来的项目中
为什么要前后端分离?意义和价值体现在哪里?前后端分离又是如何实现的? 大家都知道前后端分离的优势,那么,为什么要前后端分离?意义和价值体现在哪里?前后端分离又是如何实现的?今天,我们就与大家一起分享这方面的相关知识,相信这些干货可以让大家迅速了解其中的原因和实现方式。一、为什么要前后端分离?大家都知道,在传统的网站开发中,前端的工作主要是切图,简单地将U
一、为什么需要前后端分离1.1什么是前后端分离  前后端分离这个词刚在毕业(15年)那会就听说过,但是直到17年前都没有接触过前后端分离的项目。怎么理解前后端分离?直观的感觉就是前后端分开去做,即功能和职责上的一种划分,前端负责页面的渲染,部分页面交互的逻辑,然后通过网络请求与后端进行数据的交互;后端则着重关注业务逻辑的处理,直接操控数据库。1.2前后端分离前(1)jsp + serv
转载 2024-08-14 12:12:34
56阅读
一、前端项目搭建过程1、项目初始化前端使用vue-cli3.0+webpack 搭建项目结构,需要先安装vue,可以通过npm来安装,因此首先需要安装node,步骤如下(1)进入 node官网,下载最新版本,安装完毕后,执行node --version、npm --version 查看是否安装成功。(2)node安装完成后,即可通过npm来安装vue,可先执行(npm install -
转载 2024-06-29 22:35:54
550阅读
Vue前后端分离 一、工程创建前期(不用切换目录) 1、安装淘宝镜像cnpm npm install -g cnpm -registry=https://registry.npm.taobao.org 查看是否安装完毕: node –v npm –v 或 cnpm -v 2、安装脚手架,用于快速创建 ...
转载 2021-08-20 16:03:00
1141阅读
2评论
0.需求需要将深度学习算法Demo做成可以用来展示的网页应用1.技术栈前端:框架:VueUI库:Bootstrap后端:开发语言:PythonREST API: flask2.前端2.1环境搭建因为选择使用Vue来作为开发的框架,我们需要安装Node.js# 官方安装教程:https://github.com/nodesource/distributions # 或者从安装仓库安装 sudo
前言:2gitee源码:https://gitee.com/web-paul/springboot-vue第一部分:vue前端目录:一、assets目录: 引用了一个全局css样式,最后在main.js引入即可 main.js中:import '@/assets/css/global.css'二、components目录:Aside代表侧边栏组件:el-menu这个标签记住了 1处代表设置默认高亮
转载 2024-05-14 15:32:08
235阅读
文章目录前后端分离项目部署(服务器或本地)前端部署(以vue项目为例)后端部署(以Springboot项目为例)补充 前后端分离项目部署(服务器或本地)前端部署(以vue项目为例)部署环境:Nginx 配置文件:vue.config.js 更多可见此文章vue项目打包与配置-学习笔记(vuecli4): 以下是vuecli2:CDN优化:module.exports = { ...
前后端怎样分离前端只需要独立编写客户端代码,后端也只需要独立编写服务端代码提供数据接口即可。前端通过Ajax请求来访问后端的数据接口,将Model展示到View中即可。前后端开发者只需要提前约定好接口文档(URL、参数、数据类型.….),然后分别独立开发即可,前端可以造假数据进行测试,完全不需要依赖于后端,最后完成前后端集成即可,真正实现了前后端应用的解耦合,极大地提升了开发效率。前端应用:负责数
路由此处的路由指的是页面跳转的规则,通过不同的路径,来请求不同的资源,请求不同的页面是路由的其中一种功能。可以简单理解为url跳转后端路由和前端路由的url的访问意义有所不同,所有的url都会访问到服务器上对应的资源。页面请求的url全部要通过后端服务的过滤器进行过滤和处理在之前学的web技术中,学习过Java Servlet,前端的页面资源和后端服务是放在了同一个项目文件中的,前端显示的页面都是
前后端分离如何部署?前端部署方案是什么? 这段时间,粉丝朋友会经常问到一个问题,即:前后端分离如何部署?前端部署方案是什么?虽然我们回复了很多次,但是依然有不少朋友有疑问。今天,小编就给大家整理出来,如果对这个问题感兴趣,就可以收藏起来随时查看了。一、前后端分离如何部署?这个问题在我们之前的文章里也有相关的阐述和介绍。前后端分离部署采用前端静态资源部署在
本人用的是vue-cli 自动构建vue+webpack 项目,这里不对webpack、nginx进行讲解。本文主要解决前端开发环境搭建、测试环境搭建、生产环境搭建以及接口调试一、需要工具1.nginx(配置代理) 2.webpack-devserver(启动前端服务) 3.postman(接口调试)二、nginx的环境搭建nginx.conf 文件配置开发环境http{ server {
转载 2024-02-23 18:39:23
95阅读
前言:3月建的仓,完成确是在7月中旬,实际完成时间加起来不到10天,中间停滞了很久,主要工作太忙,白天没时间搞,况且工作摸鱼也不是我的作风,晚上下班回家要帮家人一起带娃,唯一的时间也会用来看看书和视频充充电,时间唯一“宽裕”点的就是周末,但周末时间也不是全部用来赶工,偶尔也得休息放松放松,也是想起了就搞一点,这种状态其实挺好的,做自己喜欢的事情,没人催,慢工出细活,落地就行了。一、源码仓库地址:1
一、环境准备准备三台Linux服务器节点,一台部署前端项目,Nginx以及一些基础设施(包括MySQL,redis);另外两台服务器节点用来部署后端项目(JDK,Maven和Tomcat),为了部署多实例,模拟集群。可以用SecureCRT来连接,SecureCrt是一款优秀的windows连接linux/unix机器的工具。在码云上打包下来的文件,在本地IDEA要修改相关配置依赖,如数据库(ap
转载 2023-08-14 17:39:12
113阅读
技术栈 前端vue全家桶,后台.net。 需求分析 前端路由鉴权,屏蔽地址栏入侵 路由数据由后台管理,前端只按固定规则异步加载路由 权限控制精确到每一个按钮 自动更新token 同一个浏览器只能登录一个账号 前端方案 对于需求1、2、3,采用异步加载路由方案 首先编写vue全局路由守卫 排除登录路由
转载 2020-10-03 22:46:00
189阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5