![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JAVA单体架构项目案例介绍
文章平均质量分 63
节选自拉钩教育JAVA系列教程
enterpc
这个作者很懒,什么都没留下…
展开
-
文件上传与BeanUtils工具类应用整体代码举例
文件上传与BeanUtils工具类应用整体Servlet类代码举例package com.lagou.web.servlet;import com.lagou.base.Constants;import com.lagou.pojo.Course;import com.lagou.service.CourseService;import com.lagou.service.impl.CourseServiceImpl;import com.lagou.utils.DateUtils;i.原创 2021-04-14 17:28:04 · 122 阅读 · 0 评论 -
Servlet编写
Servlet编写1. 接口开发规范我们在做的是一个前后端分离项目、需要通过接口文档对接的项目. 所以开发过程中要仔细查看前端所需的api接口和参数字段为了严格按照接口进行开发,提高效率,对请求及响应格式进行规范化。开发规范 2、post请求时有三种数据格式,可以提交form表单数据 和 Json数据(ContentType=application/json),文件等多部件类型(multipart/form-data)三种数据格式 . jsonl类型的数据 Servlet中使用 .原创 2021-04-14 17:11:14 · 165 阅读 · 0 评论 -
Ajax综述
Ajax5.1 ajax 概述 传统的网页如果需要更新内容,必须重载整个网页页面。每当用户向服务器发送请求,哪怕只是需要更新一点点的局部内容,服务器都会将整个页面进行刷新。这种方式的缺点是:性能会有所降低 (一点内容,刷新整个页面!)用户的操作页面会中断(整个页面被刷新了)1) 什么是AjaxAjax 即"Asynchronous Javascript And XML",是指一种创建交互式网页应用的网页开发技术。 Ajax = 异转载 2021-04-14 17:53:54 · 65 阅读 · 0 评论 -
Dao接口及实现类编写
Dao接口及实现类编写接口:package com.lagou.dao;import com.lagou.pojo.Course;import java.util.List;/** * 课程模块 DAO层接口 * */public interface CourseDao { //查询课程列表信息 public List<Course> findCourseList();}实现类:package com.lagou.dao.impl;原创 2021-04-14 14:20:06 · 1647 阅读 · 0 评论 -
文件上传
文件上传4.5.1 图片上传分析在添加课程营销信息的表单中,有一个图片上传项[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传4.5.2 文件上传介绍文件上传的实质:文件的拷贝文件上传:从本地将文件拷贝到服务器磁盘上客户端: 需要编写文件上传表单服务端: 需要编写代码接受上传的 文件4.5.3 客户端编码文件上传三要素:1.表单提交方式: post (get方式提交有大小限制,post没有)2.表单的enctype属性:必须设置为 multi原创 2021-04-14 17:23:31 · 125 阅读 · 0 评论 -
Service接口及实现类编写
Service接口及实现类编写接口:package com.lagou.service;import com.lagou.pojo.Course;import java.util.List;import java.util.Map;/** * 课程管理模块 Service层 接口 * */public interface CourseService { public List<Course> findCourseList();}实现类:pa原创 2021-04-14 14:30:26 · 2942 阅读 · 0 评论 -
使用枚举类实现接口文档要求的响应格式
使用枚举类实现接口文档要求的响应格式1.枚举类代码展示package com.lagou.base;import com.alibaba.fastjson.JSONObject;public enum StatusCode { SUCCESS(0,"success"),FAIL(1,"fail"); //定义属性 private int code; private String message; StatusCode() { }原创 2021-04-14 17:40:31 · 221 阅读 · 0 评论 -
实体类设计
实体类设计根据数据库中的Course表,对应创建 Course.java1) 使用 @JSONField(ordinal = int类型的值) , 指定排序的值,生成JSON时会按照指定顺序进行排序2) 使用 @JSONField(serialize = false) ,排除不需要转换的字段,另外fastjson还会自动排除为空的字段package com.lagou.pojo;import com.alibaba.fastjson.annotation.JSONField;impo原创 2021-04-14 14:15:32 · 289 阅读 · 1 评论 -
BeanUtils工具类
BeanUtils工具类介绍 BeanUtils 是 Apache commons组件的成员之一,主要用于简化JavaBean封装数据的操作。可以将一个表单提交的所有数据封装到JavaBean中。导入依赖<dependency> <groupId>commons-beanutils</groupId> <artifactId>commons-beanutils</artifactId> <versio原创 2021-04-14 17:25:06 · 330 阅读 · 0 评论 -
mysql在页面前端显示日期出现格式问题的解决方案
如上表,实体类中“入职时间” 成员变量使用的DATE数据类型,在使用mybatis,用XML配置好SQL语句,再通过springMVC将结果集响应到前端页面时,入职时间格式变成了如上图所示,此时在SQL语句中使用SELECT DATE_FORMAT(NOW(),'%Y-%m-%d %H:%i:%s'),或者convert(日期字段,DATE),都是没用的,只有采取以下方式,在页面端进行日期格式的转换在要显示日期字段的jsp页面进行时间格式化标签的引用:<%@ taglib u...原创 2021-06-10 07:30:03 · 643 阅读 · 1 评论 -
用户登录界面制作
1.创建login.vue组件<template> <el-dialog :show-close="false" title="用户登录" :visible.sync="dialogFormVisible" > <el-form> <el-form-item label="用户名称" :label-width="formLabelWidth"> <el-input v-model.原创 2021-04-22 19:41:35 · 176 阅读 · 0 评论 -
跨域问题解决
1. 出现跨域问题当我们在前端项目中,向后端发送请求的获取课程数据的时候,出现了跨域问题:已被CORS策略阻止:请求的资源上没有' Access-Control-Allow-Origin'标头(跨域请求失败)Access to XMLHttpRequest at 'http://localhost:8080/lagou_edu_home/course? methodName=findCourseList'fromorigin'http://localhost:8088'hasbe...原创 2021-04-22 19:53:44 · 289 阅读 · 0 评论 -
课程列表组件制作
1. 需求当我们点击导航菜单中的课程管理时,要显示课程信息2. 编写 Course.vue<template> <div> <el-row :gutter="20"> <el-col :span="6"> <el-input prefix-icon="el-icon-search" placeholder="课程名称" v-model="filter.course_name" clearable&原创 2021-04-22 19:48:29 · 243 阅读 · 0 评论 -
首页布局页面制作
1. 创建 index.vue<template> <div> <el-container> <el-header>后台管理</el-header> <el-container> <!-- 侧边栏 --> <el-aside width="200px"> <el-menu default-a原创 2021-04-22 19:44:00 · 66 阅读 · 0 评论 -
Vue案例
1.实现简单记事本1.1 功能1.1.1 新增内容步骤1)生成列表结构(v-for 数组)2)获取用户输入(v-model 双向绑定)3)回车,新增数据(v-on .enter事件修饰符)4)页面布局不熟悉,可以通过审查元素的方式快速找到元素1.1.2删除内容步骤1)点击删除指定的内容( 根据索引删除元素)2)在methods中添加一个删除的方法,使用splice函数进行删除1.1.3统计操作步骤1)统计页面信息的个数,就是列表中的元素的个数.2)获取 lis..转载 2021-04-20 20:46:11 · 1615 阅读 · 0 评论 -
Element-UI
1.Element-UI介绍element-ui 是饿了么前端出品的基于 Vue.js的 后台组件库,方便程序员进行页面快速布局和构建Element-UI 官 方 站 点:https://element.eleme.cn/#/zh-CN2.Element-UI使用2.1命令行方式安装创建 一个新的项目 当前项目下打开终端, 安装依赖包 ,执行下面的命令npm i element-ui -S打开 main.js, 导入Element-UI相关资源main.js是工程...转载 2021-04-22 19:25:33 · 104 阅读 · 0 评论 -
Vue-cli vue脚手架工具
1.什么是Vue-cliVue cli是基于Vue的应用开发提供的一个标准的脚手架工具.为应用搭建基础的框架结构,提供插件、开发服务、Preset、构建打包功能 Vue cli 背后集成了现代化开发的诸多功能,通过简单的命令就可以完成 "零配置"的项目环境搭建2.安装Vue-cli步骤在安装vue-cli前,要确认自己的电脑是否安装了nodejs和npm2.1安装Node.js安装了node.js才有使用npm ,才能安装vue-cli2.1.1什么是node.js传统..转载 2021-04-22 15:12:51 · 686 阅读 · 0 评论 -
axios
1.axios介绍VUE中结合网络数据进行应用的开发目前十分流行网络请求库,专门用来发送请求,其内部还是ajax,进行封装之后使用更加方便axios作用: 在浏览器中可以帮助我们完成 ajax异步请求的发送.2.axios入门使用步骤:2.1 导包<!-- 官网提供的 axios 在线地址 --><script src="https://unpkg.com/axios/dist/axios.min.js"></script>2.2...转载 2021-04-20 19:54:08 · 212 阅读 · 0 评论 -
Vue入门
1.Vue.js介绍1.1Vue.js是什么?Vue(读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是, Vue 被设计 为可以自底向上逐层应用. Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一 方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。 自底向上逐层应用:作为渐进式框架要实现的目标就是方便项目增量开发(即插即用)1.2为甚么使用Vue?声明式...转载 2021-04-20 19:18:55 · 174 阅读 · 0 评论 -
Vue进阶
1.computed计算属性在Vue应用中,在模板中双向绑定一些数据或者表达式,但是表达式如果过长,或者逻辑更为复杂 时,就会变得臃肿甚至难以维护和阅读,比如下面的代码:<div>写在双括号中的表达式太长了,不利于阅读{{text.split(',').reverse().join(',')}}</div>.将这段操作text.split(',').reverse().join(',') 放到计算属性中,最终返回一个结果值就可以computed...转载 2021-04-20 20:28:04 · 248 阅读 · 0 评论 -
项目部署发布
1.后台项目部署1.1 安装虚拟机在Linux阶段我们已经安装过了虚拟机, 使用的是 Linux操作系统 CentOS 7 版本1.2安装软件环境以下软件,在Linux阶段都已安装完成,具体操作详见该阶段安装文档1.2.1查看tomcat是否能够正常启动 1.2.2关闭防火墙1.2.3登录MySQL,检查数库连接是否正常1.3项目打包 发布2. 前端项目部署2.1 修改配置文件2.2 前端项目打包...转载 2021-05-16 16:57:26 · 173 阅读 · 0 评论 -
项目介绍与后台系统搭建(JSON)
4.JSON4.1 JSON简述JSON(JavaScript Object Notation) JavaScript对象表示法(JSON源于JS)。JSON的特点:JSON 是一种轻量级的数据交换格式。JSON采用完全独立于语言的文本格式,就是说不同的编程语言JSON数据是一致的。JSON易于人阅读和编写,同时也易于机器解析和生成(一般用于提升网络传输速率)。4.2 XML与JSON的区别XML : 可扩展标记语言,是一种用于标记电子文件使其具有结构性的标记语言。JSON:转载 2021-04-05 01:36:29 · 95 阅读 · 0 评论 -
任务一 项目介绍与后台系统搭建(后台系统搭建)
3. 后台系统搭建3.1 课程管理模块功能分析 在本次的项目中,主要完成拉钩教育后台管理系统的 课程管理模块, 课程管理模块包含了添加课程,配置课程相关信息, 以及管理课程章节等功能,我们来一起看一下产品的原型图3.1.1 课程管理实现以下功能:展示课程列表根据课程名和状态进行查询新建课程课程上架与下架3.1.2 营销信息营销信息,其实就是设置课程的详细信息回显课程信息修改课程信息,包含了图片上传3.1.3 配置课时配置课时指的是对课程下所属的章节与课转载 2021-04-05 01:31:11 · 304 阅读 · 0 评论 -
项目介绍与后台系统搭建(Maven 项目管理工具)
2. Maven 项目管理工具2.1 Maven介绍2.1.1 什么是Maven Maven是一个跨平台的项目管理工具。作为Apache组织的一个颇为成功的开源项目,其主要服务于基于Java平台的项目创建,依赖管理和项目信息管理。maven是Apache的顶级项目,解释为“专家,内行”,它是一个项目管理的工具,maven自身是纯java开发的,可以使用maven对java项目进行构建、依赖管理。2.1.2 Maven的作用依赖管理依赖指的就是是 我们项目中需要使用的第三方Jar包, 一个大转载 2021-04-05 01:22:51 · 356 阅读 · 0 评论 -
项目介绍与后台系统搭建(项目架构-模块构建)
1. 项目架构-模块构建1.2 模块介绍课程信息页面展示课程营销信息配置配置课时( 即课程内容管理)1.3 前后端分离开发1.3.1 前后端分离架构介绍 前后端分离已成为互联网项目开发的业界标准使用方式,将前端和后端的开发进行解耦。并且前后端分离会为以后的大型分布式架构、微服务架构、多端化服务(各种客户端,比如浏览器、车载终端、安卓、IOS等)打下坚实的基础。前后端分离的核心思想就是前端HTML页面通过AJAX调用后端的API接口,并通过JSON数据进行交互。1.3.2 接口文转载 2021-04-05 00:56:13 · 606 阅读 · 0 评论