基于SpringBoot+Vue的在线政务服务系统设计与实现(源码+lw+部署+讲解)
技术环境
jdk版本：1.8 及以上
ide工具：Eclipse或者 IDEA
数据库: mysql5.7
编程语言: Java
java框架：SpringBoot
maven: 3.6.1
详细技术：HTML+CSS+JAVA+SpringBoot+MYSQL+VUE+MAVEN
功能设计
系统启动后，在登录界面，输入正确的账号密码，选择进入管理员界面或用户界面，管理员界面是用来管理页面与用户信息，用户界面可以正常的使用，并对首页、个人中心、查询信息管理、认证申请管理、代缴服务管理等进行份内的操作， 用户用例图如图所示。
管理员界面是用来管理页面与用户信息，管理员界面可以正常的使用，并对首页、个人中心、用户管理、证件查询管理、查询信息管理、教育培训管理、认证申请管理、便民服务管理、代缴服务管理、投诉建议、管理员管理、交流论坛、系统管理等进行份内的操作， 管理员用例图如图所示。
管理员模块属于是网站的后台，进入之后有大量的管理员功能，管理员也可以使用用户模块的功能，为了维护网站的稳定与页面的布局，将管理员模块的功能详细化后可以使用系统管理对页面进行布局修改，可以发布公告提示用户信息，管理员模块可以修改个人信息，对用户管理、证件查询管理、查询信息管理、教育培训管理、认证申请管理、便民服务管理、代缴服务管理、投诉建议、管理员管理、交流论坛、系统管理等，在线政务服务中心管理系统总体结构图如图所示。
本程序在设计结构选择上首选B/S，也是为了满足程序今后升级便利，以及程序低维护成本的要求。本程序的网络拓扑设计也会在下图展示，通过图形的方式来描述更容易理解。
系统实现效果
系统前台功能模块
当人们打开系统的网址后，首先看到的就是首页界面。在这里，人们能够看到在线政务服务中心的导航条，通过导航条导航进入各功能展示页面进行操作。系统首页界面如图所示：
证件查询：在证件查询页面的输入栏中输入标题、服务时间、认证要求、更新时间和点击次数进行查询，可以查看到证件查询详细信息，并根据需要进行收藏操作；证件查询页面如图所示：
便民服务：在便民服务页面的输入栏中输入服务名称进行查询，可以查看到便民服务详细信息，并进行我要缴费或收藏操作，便民服务页面如图所示：
个人中心：在个人中心页面输入个人信息进行更新，并根据需要对我的发布和我的收藏进行相应操作；如图所示：
管理员功能模块
管理员进入主页面，主要功能包括对首页、个人中心、用户管理、证件查询管理、查询信息管理、教育培训管理、认证申请管理、便民服务管理、代缴服务管理、投诉建议、管理员管理、交流论坛、系统管理等进行操作。管理员主页面如图所示：
管理员点击证件查询管理。在证件查询页面输入服务标题进行查询、新增或删除证件查询、新增或删除列表，并根据需要对证件查询详细信息进行详情、修改或删除操作；如图所示：
管理员点击查询信息管理。在查询信息页面输入用户账号、用户姓名和选择是否通过进行查询或删除查询信息列表，并根据需要对查询详细信息进行详情、修改或删除操作；如图所示：
管理员点击教育培训管理。在教育培训页面输入认证标题进行查询、新增或删除教育培训列表，并根据需要对教育培训详细信息进行详情、修改或删除操作；如图所示：
管理员点击认证申请管理。在认证申请页面输入认证标题、用户账号、用户姓名和选择是否通过进行查询或删除认证申请列表，并根据需要对认证申请详细信息进行详情、修改或删除操作；如图所示：
管理员点击便民服务管理。在便民服务页面输入服务名称进行查询、新增或删除便民服务列表，并根据需要对用户详细信息进行详情、修改或删除操作；如图所示：
管理员点击代缴服务管理。在代缴服务页面输入服务名称、用户账号和用户姓名进行查询或删除代缴服务列表，并根据需要对代缴服务详细信息进行详情、修改或删除操作；如图所示：
管理员点击投诉建议。在投诉建议页面输入用户名进行查询或删除投诉建议列表，并根据需要对投诉建议详细信息进行详情、修改、回复或删除操作；如图所示：
管理员点击交流论坛。在交流论坛页面输入帖子标题进行查询或删除交流论坛列表，并根据需要对交流论坛详细信息进行详情、修改、查看评论或删除操作；如图所示：
用户功能模块
用户进入主页面，主要功能包括对首页、个人中心、查询信息管理、认证申请管理、代缴服务管理等进行操作。用户主页面如图所示：
用户点击场所查询信息管理。在查询信息页面输入用户账号、用户姓名和选择是否通过进行查询查询信息列表，并根据需要对查询详细信息进行详情操作；如图所示：
海量实战案例
所有实战项目源码均为博主收集和开发，亲测可用，质量保障，大家可以放心使用，当然也可根据需求定制开发。
代码参考
// 忽略权限验证的注解
@IgnoreAuth
@PostMapping(value = "/login")
public R login(String username, String password, String captcha, HttpServletRequest request) {
// 查询用户信息
UsersEntity user = userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", username));
// 判断用户是否存在或密码是否正确
if(user==null || !user.getPassword().equals(password)) {
return R.error("账号或密码不正确");
}
// 生成token
String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());
return R.ok().put("token", token);
}
// 生成token
@Override
public String generateToken(Long userid,String username, String tableName, String role) {
// 查询是否存在已有token
TokenEntity tokenEntity = this.selectOne(new EntityWrapper<TokenEntity>().eq("userid", userid).eq("role", role));
// 生成随机token字符串
String token = CommonUtil.getRandomString(32);
// 设置token过期时间为1小时后
Calendar cal = Calendar.getInstance();
cal.setTime(new Date());
cal.add(Calendar.HOUR_OF_DAY, 1);
if(tokenEntity!=null) {
// 更新token信息
tokenEntity.setToken(token);
tokenEntity.setExpiratedtime(cal.getTime());
this.updateById(tokenEntity);
} else {
// 新建token记录
this.insert(new TokenEntity(userid,username, tableName, role, token, cal.getTime()));
}
return token;
}
/** * 权限(Token)验证拦截器
*/
@Component
public class AuthorizationInterceptor implements HandlerInterceptor {
// 定义Token在请求Header中的键名
public static final String LOGIN_TOKEN_KEY = "Token";
@Autowired
private TokenService tokenService;
@Override
public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
// 支持跨域请求
response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
response.setHeader("Access-Control-Max-Age", "3600");
response.setHeader("Access-Control-Allow-Credentials", "true");
response.setHeader("Access-Control-Allow-Headers", "x-requested-with,request-source,Token, Origin,imgType, Content-Type, cache-control,postman-token,Cookie, Accept,authorization");
response.setHeader("Access-Control-Allow-Origin", request.getHeader("Origin"));
// 跨域时会首先发送一个OPTIONS请求，这里我们给OPTIONS请求直接返回正常状态
if (request.getMethod().equals(RequestMethod.OPTIONS.name())) {
response.setStatus(HttpStatus.OK.value());
return false;
}
// 获取HandlerMethod注解
IgnoreAuth annotation;
if (handler instanceof HandlerMethod) {
annotation = ((HandlerMethod) handler).getMethodAnnotation(IgnoreAuth.class);
} else {
return true;
}
// 从header中获取token
String token = request.getHeader(LOGIN_TOKEN_KEY);
/** * 不需要验证权限的方法直接放过
*/
if(annotation!=null) {
return true;
}
// 根据token获取token实体
TokenEntity tokenEntity = null;
if(StringUtils.isNotBlank(token)) {
tokenEntity = tokenService.getTokenEntity(token);
}
if(tokenEntity != null) {
// 将用户信息存入session
request.getSession().setAttribute("userId", tokenEntity.getUserid());
request.getSession().setAttribute("role", tokenEntity.getRole());
request.getSession().setAttribute("tableName", tokenEntity.getTablename());
request.getSession().setAttribute("username", tokenEntity.getUsername());
return true;
}
// 验证失败，返回401错误和提示信息
PrintWriter writer = null;
response.setCharacterEncoding("UTF-8");
response.setContentType("application/json; charset=utf-8");
try {
writer = response.getWriter();
writer.print(JSONObject.toJSONString(R.error(401, "请先登录")));
} finally {
if(writer != null){
writer.close();
}
}
return false;
}
}
这段Java代码主要是一个登录功能的实现，涉及到生成Token和权限验证的拦截器。
@IgnoreAuth 注解：这是一个自定义的注解，用于标识不需要进行权限验证的方法。
@PostMapping(value = “/login”)：这是一个使用POST请求方式的登录接口。
login 方法：该方法接收用户名、密码和验证码作为参数，并返回一个包含生成的Token的响应对象。首先通过用户名查询用户信息，然后判断用户是否存在并验证密码是否正确。如果验证失败，则返回错误提示；如果验证成功，则调用 generateToken 方法生成Token，并将其添加到响应对象中返回。
generateToken 方法：该方法用于生成Token。首先查询是否存在已有的Token实体，然后生成一个随机的Token字符串。接下来，设置Token的过期时间为当前时间加上1小时，并根据情况进行更新或插入Token记录。最后返回生成的Token字符串。
AuthorizationInterceptor 类：这是一个权限验证拦截器实现类。它实现了 HandlerInterceptor 接口，用于在请求处理之前进行权限验证。在 preHandle 方法中，首先设置支持跨域请求的相关头信息，并处理跨域时的 OPTIONS 请求。然后，通过反射获取请求处理方法上的 @IgnoreAuth 注解，如果存在该注解，则直接放过。接着，从请求头中获取 Token，并根据 Token 获取对应的 Token 实体。如果 Token 实体存在，则将用户信息存入session，并放行请求。如果验证失败，则返回401错误和相应的提示信息。
总结，这段代码实现了一个基本的登录功能，并加入了对权限的验证拦截，确保只有拥有有效 Token 的用户才能访问受限资源。