spring application context can not be null——Spring的容器加载和Junit加载问题

最新推荐文章于 2024-08-07 00:24:03 发布
最新推荐文章于 2024-08-07 00:24:03 发布
阅读量1.5k 收藏
点赞数 1
CC 4.0 BY-SA版权
文章标签： spring junit 应用 单元测试 异常
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weiwentao1318/article/details/50163933
在进行JUnit单元测试时，遇到错误提示java.lang.IllegalStateException:Failedto loadApplicationContext，通过分析日志和代码，发现是由于controller类中使用了错误的方式来获取ApplicationContext导致的。解决方法是在controller类中使用@Autowired注解自动注入ApplicationContext，避免手动调用applicationContextHolder.getBean导致的问题。本文详细分析了原因，并提供了有效的解决方案。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

问题：之前在进行单元测试的时候，Junit视图窗口下报了一个异常错误：java.lang.IllegalStateException: Failed to load ApplicationContext；   而控制台打印的更多，如下：
java.lang.IllegalStateException: Failed to load ApplicationContext
at org.springframework.test.context.CacheAwareContextLoaderDelegate.loadContext(CacheAwareContextLoaderDelegate.java:99) ~[spring-test-3.2.10.RELEASE.jar:3.2.10.RELEASE]
at org.springframework.test.context.TestContext.getApplicationContext(TestContext.java:122) ~[spring-test-3.2.10.RELEASE.jar:3.2.10.RELEASE]
at org.springframework.test.context.web.ServletTestExecutionListener.setUpRequestContextIfNecessary(ServletTestExecutionListener.java:160) ~[spring-test-3.2.10.RELEASE.jar:3.2.10.RELEASE]
at org.springframework.test.context.web.ServletTestExecutionListener.prepareTestInstance(ServletTestExecutionListener.java:101) ~[spring-test-3.2.10.RELEASE.jar:3.2.10.RELEASE]
at org.springframework.test.context.TestContextManager.prepareTestInstance(TestContextManager.java:321) ~[spring-test-3.2.10.RELEASE.jar:3.2.10.RELEASE]
at org.springframework.test.context.junit4.SpringJUnit4ClassRunner.createTest(SpringJUnit4ClassRunner.java:211) [spring-test-3.2.10.RELEASE.jar:3.2.10.RELEASE]
at org.springframework.test.context.junit4.SpringJUnit4ClassRunner$1.runReflectiveCall(SpringJUnit4ClassRunner.java:288) [spring-test-3.2.10.RELEASE.jar:3.2.10.RELEASE]
at org.junit.internal.runners.model.ReflectiveCallable.run(ReflectiveCallable.java:12) [junit-4.11.jar:na]
at org.springframework.test.context.junit4.SpringJUnit4ClassRunner.methodBlock(SpringJUnit4ClassRunner.java:284) [spring-test-3.2.10.RELEASE.jar:3.2.10.RELEASE]
at org.springframework.test.context.junit4.SpringJUnit4ClassRunner.runChild(SpringJUnit4ClassRunner.java:231) [spring-test-3.2.10.RELEASE.jar:3.2.10.RELEASE]
at org.springframework.test.context.junit4.SpringJUnit4ClassRunner.runChild(SpringJUnit4ClassRunner.java:88) [spring-test-3.2.10.RELEASE.jar:3.2.10.RELEASE]
at org.junit.runners.ParentRunner$3.run(ParentRunner.java:238) [junit-4.11.jar:na]
at org.junit.runners.ParentRunner$1.schedule(ParentRunner.java:63) [junit-4.11.jar:na]
at org.junit.runners.ParentRunner.runChildren(ParentRunner.java:236) [junit-4.11.jar:na]
at org.junit.runners.ParentRunner.access$000(ParentRunner.java:53) [junit-4.11.jar:na]
at org.junit.runners.ParentRunner$2.evaluate(ParentRunner.java:229) [junit-4.11.jar:na]
at org.springframework.test.context.junit4.statements.RunBeforeTestClassCallbacks.evaluate(RunBeforeTestClassCallbacks.java:61) [spring-test-3.2.10.RELEASE.jar:3.2.10.RELEASE]
at org.springframework.test.context.junit4.statements.RunAfterTestClassCallbacks.evaluate(RunAfterTestClassCallbacks.java:71) [spring-test-3.2.10.RELEASE.jar:3.2.10.RELEASE]
at org.junit.runners.ParentRunner.run(ParentRunner.java:309) [junit-4.11.jar:na]
at org.springframework.test.context.junit4.SpringJUnit4ClassRunner.run(SpringJUnit4ClassRunner.java:174) [spring-test-3.2.10.RELEASE.jar:3.2.10.RELEASE]
at org.eclipse.jdt.internal.junit4.runner.JUnit4TestReference.run(JUnit4TestReference.java:50) [.cp/:na]
at org.eclipse.jdt.internal.junit.runner.TestExecution.run(TestExecution.java:38) [.cp/:na]
at org.eclipse.jdt.internal.junit.runner.RemoteTestRunner.runTests(RemoteTestRunner.java:467) [.cp/:na]
at org.eclipse.jdt.internal.junit.runner.RemoteTestRunner.runTests(RemoteTestRunner.java:683) [.cp/:na]
at org.eclipse.jdt.internal.junit.runner.RemoteTestRunner.run(RemoteTestRunner.java:390) [.cp/:na]
at org.eclipse.jdt.internal.junit.runner.RemoteTestRunner.main(RemoteTestRunner.java:197) [.cp/:na]
Caused by: org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'synFailTradeFailController' defined in file [D:\Program Files\eclipse\workspace\stag\target\classes\stag\controller\back\SynFailTradeFailController.class]: Instantiation of bean failed; nested exception is org.springframework.beans.BeanInstantiationException: Could not instantiate bean class [stag.controller.back.SynFailTradeFailController]: Constructor threw exception; nested exception is java.lang.NullPointerException: spring application context can not be null
at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.instantiateBean(AbstractAutowireCapableBeanFactory.java:1038) ~[spring-beans-3.2.10.RELEASE.jar:3.2.10.RELEASE]
at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.createBeanInstance(AbstractAutowireCapableBeanFactory.java:984) ~[spring-beans-3.2.10.RELEASE.jar:3.2.10.RELEASE]
at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.doCreateBean(AbstractAutowireCapableBeanFactory.java:487) ~[spring-beans-3.2.10.RELEASE.jar:3.2.10.RELEASE]
at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.createBean(AbstractAutowireCapableBeanFactory.java:458) ~[spring-beans-3.2.10.RELEASE.jar:3.2.10.RELEASE]
at org.springframework.beans.factory.support.AbstractBeanFactory$1.getObject(AbstractBeanFactory.java:293) ~[spring-beans-3.2.10.RELEASE.jar:3.2.10.RELEASE]
at org.springframework.beans.factory.support.DefaultSingletonBeanRegistry.getSingleton(DefaultSingletonBeanRegistry.java:223) ~[spring-beans-3.2.10.RELEASE.jar:3.2.10.RELEASE]
at org.springframework.beans.factory.support.AbstractBeanFactory.doGetBean(AbstractBeanFactory.java:290) ~[spring-beans-3.2.10.RELEASE.jar:3.2.10.RELEASE]
at org.springframework.beans.factory.support.AbstractBeanFactory.getBean(AbstractBeanFactory.java:191) ~[spring-beans-3.2.10.RELEASE.jar:3.2.10.RELEASE]
at org.springframework.beans.factory.support.DefaultListableBeanFactory.preInstantiateSingletons(DefaultListableBeanFactory.java:633) ~[spring-beans-3.2.10.RELEASE.jar:3.2.10.RELEASE]
at org.springframework.context.support.AbstractApplicationContext.finishBeanFactoryInitialization(AbstractApplicationContext.java:932) ~[spring-context-3.2.10.RELEASE.jar:3.2.10.RELEASE]
at org.springframework.context.support.AbstractApplicationContext.refresh(AbstractApplicationContext.java:479) ~[spring-context-3.2.10.RELEASE.jar:3.2.10.RELEASE]
at org.springframework.test.context.web.AbstractGenericWebContextLoader.loadContext(AbstractGenericWebContextLoader.java:128) ~[spring-test-3.2.10.RELEASE.jar:3.2.10.RELEASE]
at org.springframework.test.context.web.AbstractGenericWebContextLoader.loadContext(AbstractGenericWebContextLoader.java:60) ~[spring-test-3.2.10.RELEASE.jar:3.2.10.RELEASE]
at org.springframework.test.context.support.AbstractDelegatingSmartContextLoader.delegateLoading(AbstractDelegatingSmartContextLoader.java:100) ~[spring-test-3.2.10.RELEASE.jar:3.2.10.RELEASE]
at org.springframework.test.context.support.AbstractDelegatingSmartContextLoader.loadContext(AbstractDelegatingSmartContextLoader.java:248) ~[spring-test-3.2.10.RELEASE.jar:3.2.10.RELEASE]
at org.springframework.test.context.CacheAwareContextLoaderDelegate.loadContextInternal(CacheAwareContextLoaderDelegate.java:64) ~[spring-test-3.2.10.RELEASE.jar:3.2.10.RELEASE]
at org.springframework.test.context.CacheAwareContextLoaderDelegate.loadContext(CacheAwareContextLoaderDelegate.java:91) ~[spring-test-3.2.10.RELEASE.jar:3.2.10.RELEASE]
... 25 common frames omitted
Caused by: org.springframework.beans.BeanInstantiationException: Could not instantiate bean class [stag.controller.back.SynFailTradeFailController]: Constructor threw exception; nested exception is java.lang.NullPointerException: spring application context can not be null
at org.springframework.beans.BeanUtils.instantiateClass(BeanUtils.java:163) ~[spring-beans-3.2.10.RELEASE.jar:3.2.10.RELEASE]
at org.springframework.beans.factory.support.SimpleInstantiationStrategy.instantiate(SimpleInstantiationStrategy.java:87) ~[spring-beans-3.2.10.RELEASE.jar:3.2.10.RELEASE]
at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.instantiateBean(AbstractAutowireCapableBeanFactory.java:1031) ~[spring-beans-3.2.10.RELEASE.jar:3.2.10.RELEASE]
... 41 common frames omitted
Caused by: java.lang.NullPointerException: spring application context can not be null
at com.google.common.base.Preconditions.checkNotNull(Preconditions.java:229) ~[guava-17.0.jar:na]
at stag.utils.ApplicationContextHolder.getApplicationContext(ApplicationContextHolder.java:21) ~[classes/:na]
at stag.utils.ApplicationContextHolder.getBean(ApplicationContextHolder.java:25) ~[classes/:na]
at stag.controller.back.SynFailTradeFailController.(SynFailTradeFailController.java:36) ~[classes/:na]
at sun.reflect.NativeConstructorAccessorImpl.newInstance0(Native Method) ~[na:1.6.0_43]
at sun.reflect.NativeConstructorAccessorImpl.newInstance(NativeConstructorAccessorImpl.java:39) ~[na:1.6.0_43]
at sun.reflect.DelegatingConstructorAccessorImpl.newInstance(DelegatingConstructorAccessorImpl.java:27) ~[na:1.6.0_43]
at java.lang.reflect.Constructor.newInstance(Constructor.java:513) ~[na:1.6.0_43]
at org.springframework.beans.BeanUtils.instantiateClass(BeanUtils.java:148) ~[spring-beans-3.2.10.RELEASE.jar:3.2.10.RELEASE]
... 43 common frames omitted

原因：
      之后发现是由于一个controller里  一个属性进行了容器赋值 ，即用applicationContextHolder.getBean(Class.class)赋值该Class类型的属性; 
解决：
      把属性用@AutoWired自动注解就解决了！
分析：
     可能是容器加载和Test加载造成的，Test调试时不一定能加载容器里的Bean，即applicationContextHolder.getBean(Class.class)调用时可能得不到Bean，只能加载一部分，加载不了的报null；而@Autowired自动注入时，会有选择的加载。

魏叔武
关注
JAVAWEB开发之Spring详解之——Spring的入门以及IOC容器装配Bean(xml和注解的方式)、Spring整合web开发、整合Junit4测试
04-22 3002
Spring框架学习路线 Spring的IOCSpring的AOP，AspectJSpring的事务管理，三大框架的整合 Spring框架概述 什么是Spring？  Spring是分层的JavaSE/EE full-stack(一站式)轻量级开源框架。 所谓分层： SUN提供的EE的三层结构：web层、业务层、数据访问层(也称持久层，集成层)。Struts2是we
Spring Boot中如何组织JUnit单元测试的测试数据
code_for_god
06-12 2409
Step1. 固定格式的类的注解 @SpringBootTest @RunWith(SpringRunner.class) @Transactional(rollbackFor = Exception.class, isolation = Isolation.READ_UNCOMMITTED) Step2. 固定格式的成员变量 @Autowired private DataSource dat...
confluence报错Application cannot be null
认知 行动 坚持
05-17 3182
问题描述 confluence服务和数据库重启以后打开confluence页面报如下所示的错误： 解决步骤： 1、第一件事查看日志，查看日志报 Confluence returns system error due to ‘Invocation of method ‘isShowSignUp’ in class com.atlassian.confluence.user.actions.LoginAction threw exception java.lang.NullPointerException at
SpringApplication cannot be resolved--intellij
theITcat的专栏
03-13 1458
错误信息： 用intellij启动springboot项目，启动时候报错SpringApplication cannot be resolved 解决方法：删除掉项目生成的target文件夹 应该是jar包生成有错误
记录一下学习OOS存储的时候：Oss endpoint can‘t be empty
weixin_43688870的博客
06-08 4371
问题描述： 在使用OSS对象存储的时候，遇到记录一下学习OOS存储，控制台抛出 Oss endpoint can't be empty <dependency> <groupId>com.alibaba.cloud</groupId> <artifactId>spring-cloud-starter-alicloud-oss</artifactId> <
Springboot中SpringUtil的applicationContext一直是null
qigaidawang111的博客
02-23 3289
以下代码一直抛null,然后仔细一查是applicationContext为null.SpringUtil 代码如下但是debug的时候发现这个SpringUtil一直都没进去过.不知道为什么这个Component一直没扫到,注入不进去.但是看看启动类好像没啥毛病啊.
Spring Boot应用退出
通往神秘的道路的专栏
06-06 6021
每个SpringApplication都向JVM注册一个关闭钩子，以确保ApplicationContext在退出时优雅地关闭。所有标准的Spring生命周期回调（比如DisposableBean接口或@PreDestroy注释）都可以使用。 此外，如果bean希望在调用SpringApplication.exit()时返回特定的退出代码，则可以实现org.springframework.boot.ExitCodeGenerator接口。然后可以将此退出代码传递给System.exit()，将其作为状态代码
org.spring framework context application getBean because application context is null
最新发布
08-17
- 在测试环境中，使用`SpringJUnit4ClassRunner`加载上下文。 5. **处理作用域和懒加载** 如果Bean是`prototype`作用域或使用`@Lazy`初始化，确保在调用时Bean已可用。使用`@DependsOn`注解解决依赖顺序问题。 ...
Spring源码——容器扩展ApplicationContext
等一杯咖啡的博客
10-06 4592
Spring源码——容器扩展ApplicationContext 前言 内容主要参考自《Spring源码深度解析》一书，算是读书笔记或是原书的补充。进入正文后可能会引来各种不适，毕竟阅读源码是件极其痛苦的事情。 本文主要涉及书中第六章的部分，依照书中内容以及个人理解对Spring进行了注释，详见Github仓库：https://github.com/MrSorrow/spring-framewor...
Spring全家桶（二）:Spring IOC容器
c55555556的博客
08-07 1250
IoC容器Spring IoC 容器，负责实例化、配置和组装 bean（组件）核心容器。容器通过读取配置元数据来获取有关要实例化、配置和组装组件的指令。IoC（Inversion of Control）控制反转IoC 主要是针对对象的创建和调用控制而言的，也就是说，当应用程序需要使用一个对象时，不再是应用程序直接创建该对象，而是由 IoC 容器来创建和管理，即控制权由应用程序转移到 IoC 容器中，也就是“反转”了控制权。
Java中出现Exception processing template异常时
晓暮天云的博客
08-03 9268
java中SpringBoot常使用ThymeLeaf模板引擎, 当出现Exception processing template异常时,就是生产环境模板引入错误. 解决方法: 修改application.properties 文件 spring.thymeleaf.prefix=classpath:templates/ spring.thymeleaf.suffix=.html spring.thymeleaf.mode=LEGACYHTML5 spring.thymeleaf.cache=fa.
Spring学习-1-Spring容器
程序员路同学
12-10 346
了解Spring Spring是分层的JavaSE/EE full-stack 轻量级开源框架，以IoC（Inverse of Control 控制反转）和AOP（Aspect Oriented Programming 面向切面编程）为内核， 使用基本的JavaBean来完成以前只可能由EJB完成的工作，取代了EJB的臃肿、低效的开发模式。 Spring优点 1：支持AOP 2:支持声明式事务处理 3:方便解耦、简化开发 4:方便集成各种优秀框架 5:方便程序测试 Spring核心容器 Spr
Springboot项目启动时cloud not find bean错误
weixin_43120613的博客
04-18 2046
前两天碰到个很恶心的错，启动时找不到mapper、service的类，因为springboot是扫描包，生成bean的机制，所以最常见的错误是找不到的这个类不在启动类的同级或者它的下级包，但我是在它的同级包下的，就比较迷惑。上述这个解决方法是加个@Mapper注解，@MapperScan({“package”})，如果需要包含多个包名，用逗号隔开即可。 另一个常见引发这种错误的原因可能是依赖冲突...
spring~ 过滤器中注入bean但是bean为null
路漫漫其修远兮
05-21 1610
今天在过滤器（@Component注解将过滤器放入spring容器中）中通过@Autowired注入RedisTemplate redisTemplate;时，发现redisTemplate一直为空。 先说解决方式： 在过滤器的init（）方法中获取servletContext,再从servletContext中获取ApplicationContext，再从ApplicationCont...
spring boot启动无法获取spring.application.name问题，bootstrap.yml配置获取不到的问题,spring.cloud.bootstrap.enabled参数
热门推荐
huaihkiss的博客
05-16 2万+
如果着急看结果的朋友，划到最后 今天在体验spring-cloud的时候，发现一个问题，就是报了spring.application.name找不到，文件如下 之后排查原因，发现其实spring.profiles.active也没有获取到，那么初步判断整个文件都没有获取到，spring-boot在读取文件的时候，会使用yaml的组件进行读取，之后排查该组件的读取内容，发现bootstrap没有读取到，只读取了application的文件 spring-boot有一个配置，是读取配置文件名的，叫做s
解决applicationContext为null
feiz3020的专栏
05-07 1万+
1、定义SpringContextHolder.java类 package com.zzf.base; import org.springframework.beans.BeansException; import org.springframework.beans.factory.NoSuchBeanDefinitionException; import org.springfram...
SpringBoot之SpringApplication(2)
panxj856856的博客
07-15 726
我们回到SpringApplication的run方法继续分析。 public ConfigurableApplicationContext run(String... args) { StopWatch stopWatch = new StopWatch(); stopWatch.start(); ConfigurableApplicationContext context = nu...
关于spring中applicationContext.xml找不到问题解决方法
weixin_50322203的博客
09-16 7963
运行tomcat出现 IOException parsing XML document from class path resource [WEB-INF/applicationContext.xml]; nested exception is java.io.FileNotFoundException: class path resource [WEB-INF/applicationContext.xml] cannot be opened because it does not exist 意思是
Spring源码学习、Spring核心 ApplicationContext的加载过程
fengxiandada的博客
03-14 1437
文章目录1. 实现自定义或者默认的包扫描规则2. 扫描包 将bean包装成beanDefinition对象，再注册到容器中 我们在学习Spring的时候会去加载Spring上下文环境，一般常用的加载方式有这三种： ClassPathXmlApplicationContext：它可以加载类路径下的配置文件，要求配置文件必须在类路径下。 FileSystemXmlApplicationContext：它可以加载磁盘任意路径下的配置文件（必须有访问权限）。 AnnotationConfigApplicationC
package com.example.walk.common; public class ApiResponse<T> {     private boolean success;     private String message;     private T data;     public ApiResponse(boolean success, String message, T data) {         this.success = success;         this.message = message;         this.data = data;     }     public static <T> ApiResponse<T> success(T data) {         return new ApiResponse<>(true, "Success", data);     }     public static <T> ApiResponse<T> error(String message) {         return new ApiResponse<>(false, message, null);     }     public boolean isSuccess() {         return success;     }     public String getMessage() {         return message;     }     public T getData() {         return data;     } } package com.example.walk.config; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.security.config.annotation.web.builders.HttpSecurity; import org.springframework.security.config.annotation.web.configuration.EnableWebSecurity; import org.springframework.security.crypto.bcrypt.BCryptPasswordEncoder; import org.springframework.security.crypto.password.PasswordEncoder; import org.springframework.security.web.SecurityFilterChain; /**  * Spring Security 配置类  * 用于配置应用程序的安全相关设置  */ @Configuration @EnableWebSecurity public class SecurityConfig {         /**      * 配置密码编码器      * 使用 BCrypt 算法进行密码加密      * BCrypt 是一种基于 Blowfish 加密算法的密码哈希函数      * 它会自动生成随机盐值，并将盐值与密码一起哈希      *      * @return PasswordEncoder 实例      */     @Bean     public PasswordEncoder passwordEncoder() {         return new BCryptPasswordEncoder();     }     /**      * 配置安全过滤器链      * 定义应用程序的安全规则和访问控制      *      * @param http HttpSecurity 对象，用于配置安全规则      * @return SecurityFilterChain 实例      * @throws Exception 如果配置过程中发生错误      */     @Bean     public SecurityFilterChain securityFilterChain(HttpSecurity http) throws Exception {         http             // 禁用 CSRF 保护             // CSRF 是一种跨站请求伪造攻击，在 RESTful API 中通常不需要             .csrf(csrf -> csrf.disable())             // 配置请求授权             .authorizeHttpRequests(auth -> auth                 // 允许所有请求通过，不需要认证                 // 这意味着所有的 API 端点都可以直接访问                 .anyRequest().permitAll()             );         return http.build();     } } package com.example.walk.controller; import com.example.walk.common.ApiResponse; import com.example.walk.entity.Admin; import com.example.walk.service.AdminService; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.http.ResponseEntity; import org.springframework.web.bind.annotation.*; import java.util.Map; /**  * 管理员控制器  * 处理所有与管理员相关的HTTP请求  * 提供管理员的注册、登录等功能  */ @RestController @RequestMapping("/api/admins") public class AdminController {     @Autowired     private AdminService adminService;     /**      * 管理员注册      * 创建新的管理员账号      *      * @param admin 管理员信息，包含用户名、密码等      * @return 注册成功的管理员信息      */     @PostMapping("/register")     public ResponseEntity<ApiResponse<Admin>> register(@RequestBody Admin admin) {         try {             Admin registeredAdmin = adminService.register(admin);             return ResponseEntity.ok(ApiResponse.success(registeredAdmin));         } catch (RuntimeException e) {             return ResponseEntity.badRequest().body(ApiResponse.error(e.getMessage()));         }     }     /**      * 管理员登录      * 验证管理员身份并返回管理员信息      *      * @param credentials 包含用户名和密码的凭证      * @return 登录成功的管理员信息      */     @PostMapping("/login")     public ResponseEntity<ApiResponse<Admin>> login(@RequestBody Map<String, String> credentials) {         return adminService.login(credentials.get("username"), credentials.get("password"))                 .map(admin -> ResponseEntity.ok(ApiResponse.success(admin)))                 .orElse(ResponseEntity.badRequest().body(ApiResponse.error("Invalid credentials")));     } } package com.example.walk.controller; import com.example.walk.entity.Guide; import com.example.walk.service.GuideService; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.http.ResponseEntity; import org.springframework.web.bind.annotation.*; import java.util.List; /**  * 攻略控制器  * 处理所有与旅游攻略相关的HTTP请求  * 提供攻略的创建、更新、删除、查询等功能  */ @RestController @RequestMapping("/api/guides") public class GuideController {     @Autowired     private GuideService guideService;     /**      * 创建攻略      * 创建新的旅游攻略      *      * @param guide 攻略信息，包含标题、内容、目的地等      * @param authorId 作者ID      * @return 创建成功的攻略信息      */     @PostMapping     public ResponseEntity<?> createGuide(@RequestBody Guide guide, @RequestParam Long authorId) {         try {             Guide createdGuide = guideService.createGuide(guide, authorId);             return ResponseEntity.ok(createdGuide);         } catch (RuntimeException e) {             return ResponseEntity.badRequest().body(e.getMessage());         }     }     /**      * 更新攻略      * 修改指定ID的攻略信息      *      * @param id 攻略ID      * @param guide 更新的攻略信息      * @return 更新后的攻略信息      */     @PutMapping("/{id}")     public ResponseEntity<?> updateGuide(@PathVariable Long id, @RequestBody Guide guide) {         try {             Guide updatedGuide = guideService.updateGuide(id, guide);             return ResponseEntity.ok(updatedGuide);         } catch (RuntimeException e) {             return ResponseEntity.badRequest().body(e.getMessage());         }     }     /**      * 删除攻略      * 删除指定ID的攻略      *      * @param id 要删除的攻略ID      * @return 删除操作的结果      */     @DeleteMapping("/{id}")     public ResponseEntity<?> deleteGuide(@PathVariable Long id) {         try {             guideService.deleteGuide(id);             return ResponseEntity.ok().build();         } catch (RuntimeException e) {             return ResponseEntity.badRequest().body(e.getMessage());         }     }     /**      * 搜索攻略      * 根据关键词搜索攻略      *      * @param keyword 搜索关键词      * @return 匹配的攻略列表      */     @GetMapping("/search")     public List<Guide> searchGuides(@RequestParam String keyword) {         return guideService.searchGuides(keyword);     }     /**      * 按目的地查询攻略      * 查询指定目的地的所有攻略      *      * @param destination 目的地名称      * @return 该目的地的攻略列表      */     @GetMapping("/destination")     public List<Guide> findByDestination(@RequestParam String destination) {         return guideService.findByDestination(destination);     }     /**      * 获取攻略详情      * 根据ID查询攻略详细信息      *      * @param id 攻略ID      * @return 攻略详细信息      */     @GetMapping("/{id}")     public ResponseEntity<?> getGuideById(@PathVariable Long id) {         return guideService.getGuideById(id)                 .map(ResponseEntity::ok)                 .orElse(ResponseEntity.notFound().build());     }     /**      * 获取作者的攻略      * 查询指定作者的所有攻略      *      * @param authorId 作者ID      * @return 该作者的攻略列表      */     @GetMapping("/author/{authorId}")     public List<Guide> getGuidesByAuthor(@PathVariable Long authorId) {         return guideService.getGuidesByAuthor(authorId);     } } package com.example.walk.controller; import com.example.walk.common.ApiResponse; import com.example.walk.entity.User; import com.example.walk.service.UserService; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.http.ResponseEntity; import org.springframework.web.bind.annotation.*; import java.util.List; import java.util.Map; /**  * 用户控制器  * 处理所有与用户相关的HTTP请求  * 提供用户的注册、登录、信息管理等功能  */ @RestController @RequestMapping("/api/users") public class UserController {     @Autowired     private UserService userService;     /**      * 用户注册      * 创建新用户账号      *      * @param user 用户信息，包含用户名、密码等      * @return 注册成功的用户信息      */     @PostMapping("/register")     public ResponseEntity<ApiResponse<User>> register(@RequestBody User user) {         try {             User registeredUser = userService.register(user);             return ResponseEntity.ok(ApiResponse.success(registeredUser));         } catch (RuntimeException e) {             return ResponseEntity.badRequest().body(ApiResponse.error(e.getMessage()));         }     }     /**      * 用户登录      * 验证用户身份并返回用户信息      *      * @param credentials 包含用户名和密码的凭证      * @return 登录成功的用户信息      */     @PostMapping("/login")     public ResponseEntity<ApiResponse<User>> login(@RequestBody Map<String, String> credentials) {         return userService.login(credentials.get("username"), credentials.get("password"))                 .map(user -> ResponseEntity.ok(ApiResponse.success(user)))                 .orElse(ResponseEntity.badRequest().body(ApiResponse.error("Invalid credentials")));     }     /**      * 更新用户信息      * 修改指定用户的信息      *      * @param id 用户ID      * @param user 更新的用户信息      * @return 更新后的用户信息      */     @PutMapping("/{id}")     public ResponseEntity<ApiResponse<User>> updateUser(@PathVariable Long id, @RequestBody User user) {         try {             User updatedUser = userService.updateUser(id, user);             return ResponseEntity.ok(ApiResponse.success(updatedUser));         } catch (RuntimeException e) {             return ResponseEntity.badRequest().body(ApiResponse.error(e.getMessage()));         }     }     /**      * 删除用户      * 删除指定ID的用户账号      *      * @param id 要删除的用户ID      * @return 删除操作的结果      */     @DeleteMapping("/{id}")     public ResponseEntity<ApiResponse<Void>> deleteUser(@PathVariable Long id) {         try {             userService.deleteUser(id);             return ResponseEntity.ok(ApiResponse.success(null));         } catch (RuntimeException e) {             return ResponseEntity.badRequest().body(ApiResponse.error(e.getMessage()));         }     }     /**      * 获取所有用户      * 返回系统中所有用户的列表      *      * @return 用户列表      */     @GetMapping("/all")     public List<User> getAllUsers() {         return userService.getAllUsers();     }     /**      * 获取指定用户信息      * 根据用户ID查询用户详细信息      *      * @param id 用户ID      * @return 用户详细信息      */     @GetMapping("/{id}")     public ResponseEntity<ApiResponse<User>> getUserById(@PathVariable Long id) {         return userService.getUserById(id)                 .map(user -> ResponseEntity.ok(ApiResponse.success(user)))                 .orElse(ResponseEntity.ok(ApiResponse.error("User not found")));     } } package com.example.walk.entity; import jakarta.persistence.*; import lombok.Data; @Data @Entity @Table(name = "admins") public class Admin {     @Id     @GeneratedValue(strategy = GenerationType.IDENTITY)     private Long id;     @Column(unique = true, nullable = false)     private String username;     @Column(nullable = false)     private String password; } package com.example.walk.entity; import jakarta.persistence.*; import lombok.Data; import java.time.LocalDateTime; @Data @Entity @Table(name = "guides") public class Guide {     @Id     @GeneratedValue(strategy = GenerationType.IDENTITY)     private Long id;     @Column(nullable = false)     private String title;     @Column(columnDefinition = "TEXT")     private String content;     @ManyToOne     @JoinColumn(name = "author_id", nullable = false)     private User author;     @Column(name = "publish_time")     private LocalDateTime publishTime;     @Column(nullable = false)     private String destination;     @PrePersist     protected void onCreate() {         publishTime = LocalDateTime.now();     } } package com.example.walk.entity; import jakarta.persistence.*; import lombok.Data; import java.time.LocalDateTime; @Data @Entity @Table(name = "users") public class User {     @Id     @GeneratedValue(strategy = GenerationType.IDENTITY)     private Long id;     @Column(unique = true, nullable = false)     private String username;     @Column(nullable = false)     private String password;     @Column(name = "user_status")     private String status;     @Column(name = "register_time")     private LocalDateTime registerTime;     @PrePersist     protected void onCreate() {         registerTime = LocalDateTime.now();     } } package com.example.walk.mapper; import com.example.walk.entity.Admin; import org.apache.ibatis.annotations.*; @Mapper public interface AdminMapper {     @Insert("INSERT INTO admins (username, password) VALUES (#{username}, #{password})")     @Options(useGeneratedKeys = true, keyProperty = "id")     int insert(Admin admin);     @Select("SELECT * FROM admins WHERE username = #{username}")     Admin findByUsername(String username);     @Select("SELECT COUNT(*) FROM admins WHERE username = #{username}")     int existsByUsername(String username); } package com.example.walk.mapper; import com.example.walk.entity.Guide; import org.apache.ibatis.annotations.*; import java.util.List; @Mapper public interface GuideMapper {     @Insert("INSERT INTO guides (title, content, author_id, publish_time, destination) " +             "VALUES (#{title}, #{content}, #{author.id}, #{publishTime}, #{destination})")     @Options(useGeneratedKeys = true, keyProperty = "id")     int insert(Guide guide);     @Update("UPDATE guides SET title = #{title}, content = #{content}, " +             "destination = #{destination} WHERE id = #{id}")     int update(Guide guide);     @Delete("DELETE FROM guides WHERE id = #{id}")     int deleteById(Long id);     @Select("SELECT * FROM guides WHERE destination LIKE CONCAT('%', #{destination}, '%')")     List<Guide> findByDestination(String destination);     @Select("SELECT * FROM guides WHERE title LIKE CONCAT('%', #{keyword}, '%') " +             "OR content LIKE CONCAT('%', #{keyword}, '%')")     List<Guide> searchByKeyword(String keyword);     @Select("SELECT * FROM guides WHERE id = #{id}")     Guide findById(Long id);     @Select("SELECT * FROM guides WHERE author_id = #{authorId}")     List<Guide> findByAuthorId(Long authorId); } package com.example.walk.mapper; import com.example.walk.entity.User; import org.apache.ibatis.annotations.*; import java.util.List; @Mapper public interface UserMapper {     @Insert("INSERT INTO users (username, password, user_status, register_time) " +             "VALUES (#{username}, #{password}, #{status}, #{registerTime})")     @Options(useGeneratedKeys = true, keyProperty = "id")     int insert(User user);     @Select("SELECT * FROM users WHERE username = #{username}")     User findByUsername(String username);     @Select("SELECT COUNT(*) FROM users WHERE username = #{username}")     int existsByUsername(String username);     @Update("UPDATE users SET username = #{username}, password = #{password} WHERE id = #{id}")     int update(User user);     @Delete("DELETE FROM users WHERE id = #{id}")     int deleteById(Long id);     @Select("SELECT * FROM users")     List<User> findAll();     @Select("SELECT * FROM users WHERE id = #{id}")     User findById(Long id); } package com.example.walk.service; import com.example.walk.entity.Admin; import com.example.walk.mapper.AdminMapper; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.security.crypto.password.PasswordEncoder; import org.springframework.stereotype.Service; import java.util.Optional; @Service public class AdminService {     @Autowired     private AdminMapper adminMapper;         @Autowired     private PasswordEncoder passwordEncoder;     public Admin register(Admin admin) {         if (adminMapper.existsByUsername(admin.getUsername()) > 0) {             throw new RuntimeException("Admin username already exists");         }         admin.setPassword(passwordEncoder.encode(admin.getPassword()));         adminMapper.insert(admin);         return admin;     }     public Optional<Admin> login(String username, String password) {         Admin admin = adminMapper.findByUsername(username);         if (admin != null && passwordEncoder.matches(password, admin.getPassword())) {             return Optional.of(admin);         }         return Optional.empty();     } } package com.example.walk.service; import com.example.walk.entity.Guide; import com.example.walk.entity.User; import com.example.walk.mapper.GuideMapper; import com.example.walk.mapper.UserMapper; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Service; import java.util.List; import java.util.Optional; @Service public class GuideService {     @Autowired     private GuideMapper guideMapper;         @Autowired     private UserMapper userMapper;     public Guide createGuide(Guide guide, Long authorId) {         User author = userMapper.findById(authorId);         if (author == null) {             throw new RuntimeException("Author not found");         }         guide.setAuthor(author);         guideMapper.insert(guide);         return guide;     }     public Guide updateGuide(Long id, Guide updatedGuide) {         Guide guide = guideMapper.findById(id);         if (guide == null) {             throw new RuntimeException("Guide not found");         }         guide.setTitle(updatedGuide.getTitle());         guide.setContent(updatedGuide.getContent());         guide.setDestination(updatedGuide.getDestination());         guideMapper.update(guide);         return guide;     }     public void deleteGuide(Long id) {         guideMapper.deleteById(id);     }     public List<Guide> searchGuides(String keyword) {         return guideMapper.searchByKeyword(keyword);     }     public List<Guide> findByDestination(String destination) {         return guideMapper.findByDestination(destination);     }     public Optional<Guide> getGuideById(Long id) {         return Optional.ofNullable(guideMapper.findById(id));     }     public List<Guide> getGuidesByAuthor(Long authorId) {         return guideMapper.findByAuthorId(authorId);     } } package com.example.walk.service; import com.example.walk.entity.User; import com.example.walk.mapper.UserMapper; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.security.crypto.password.PasswordEncoder; import org.springframework.stereotype.Service; import java.util.List; import java.util.Optional; @Service public class UserService {     @Autowired     private UserMapper userMapper;         @Autowired     private PasswordEncoder passwordEncoder;     public User register(User user) {         if (userMapper.existsByUsername(user.getUsername()) > 0) {             throw new RuntimeException("Username already exists");         }         // 给新注册账号密码加密         user.setPassword(passwordEncoder.encode(user.getPassword()));         user.setStatus("ACTIVE");         userMapper.insert(user);         return user;     }     public Optional<User> login(String username, String password) {         User user = userMapper.findByUsername(username);         // 这部分是用户登陆的时候的密码比对（解密）         if (user != null && passwordEncoder.matches(password, user.getPassword())) {             return Optional.of(user);         }         return Optional.empty();     }     public User updateUser(Long id, User updatedUser) {         User user = userMapper.findById(id);         if (user == null) {             throw new RuntimeException("User not found");         }         user.setUsername(updatedUser.getUsername());         if (updatedUser.getPassword() != null && !updatedUser.getPassword().isEmpty()) {             user.setPassword(passwordEncoder.encode(updatedUser.getPassword()));         }         userMapper.update(user);         return user;     }     public void deleteUser(Long id) {         userMapper.deleteById(id);     }     public List<User> getAllUsers() {         return userMapper.findAll();     }     public Optional<User> getUserById(Long id) {         return Optional.ofNullable(userMapper.findById(id));     } } package com.example.walk; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; @SpringBootApplication public class WalkApplication {     public static void main(String[] args) {         SpringApplication.run(WalkApplication.class, args);     } } package com.example.walk; import org.junit.jupiter.api.Test; import org.springframework.boot.test.context.SpringBootTest; @SpringBootTest class WalkApplicationTests {     @Test     void contextLoads() {     } } 这是我的后端项目代码，我正在建立一个javaweb的后台管理系统，请根据我提供的后端项目代码提供给我对应的前端项目代码，并实现对接。以下是前端界面要求。信息管理系统实现。 需求：我已经使用vscode以springboot+mybatis完成了后端代码编写，请使用vscode软件以vue+element-ui的形式编写对应的前端代码包含用户、管理员、攻略信息的添加、显示、删除和修改等操作。 功能要求： 用户、管理员、攻略信息添加 输入信息：系统应允许用户和管理员进行登录、注册。登录时需输入账号和密码。注册时输入账号、密码、邮箱、手机号，并自动生成ID号，管理员的ID号范围在1-99，用户id号从三位数开始自动生成，管理员注册需提供管理员密令，在注册管理员时要求用户提供。准许管理员对攻略信息的添加（包括文章ID、标题、内容、作者ID、发布时间、目的地。） 唯一性检查：在用户和管理员进行注册时，系统需检查ID是否已存在于系统中。若已存在，应给出相应提示，禁止重复添加；若不存在，则成功添加信息。 反馈信息：登录、注册成功后，系统应提示用户 “登陆成功”或“注册成功”；登录失败时，提示“账号或密码错误”。注册失败时，提示 “该用户已存在，无法重复注册。” 信息显示： 信息展示：系统应能显示用户和管理员的基本信息，包括账号、密码、手机号、邮箱。用户界面添加一个浏览记录。管理员界面以罗列的形式查看用户以及他们的基本信息和ID号。并且可以查看攻略信息。 空信息处理：若系统中暂无攻略信息，应提示管理员和用户 “暂无攻略信息。” 用户信息删除： 输入账号或者ID：管理员可输入要删除的用户账号或ID号对用户进行强制注销，可以输入攻略ID将攻略删除。用户可以在自己的用户界面进行账号注销。 信息查找：系统需检查输入的账号或ID号是否存在于系统中，若存在，则删除该用户信息，在管理员界面提示 “成功删除该用户信息。”若不存在，提示 “未找到用户信息。”。在用户界面提供注销按钮，点击注销后删除用户信息并提示“注销成功”，然后返回登录、注册界面。 信息修改： 输入账号：用户界面提供一个修改按钮，修改自己的基本信息。管理员界面在每一个用户信息后面设置一个编辑按钮，点击后对用户信息进行修改 信息修改：用户可输入新的账号、密码、邮箱、手机号，若不修改某项信息，可不填写。修改成功后，系统提示 “修改成功。” 系统交互： 操作菜单：系统应提供一个清晰的操作菜单，管理员界面包含 “添加信息”、“显示所有用户信息”、“删除用户信息”、“修改用户信息” 和 “退出” 等选项。用户界面包含“修改信息”等选项 退出提示：当用户选择 “退出” 选项时，系统应提示 “感谢使用walk，再见！”
06-08
<think>我们根据需求，使用Vue.js和ElementUI构建前端项目。由于后端已经完成，我们主要实现以下功能：1.用户和管理员的登录和注册2.用户和管理员的信息管理（添加、显示、删除、修改）3.攻略信息的管理（添加、显示、删除、修改、搜索等）我们将创建以下主要页面：-登录页（Login）-注册页（Register）-用户首页（展示用户信息，提供修改和注销）-管理员首页（展示用户列表、攻略列表，提供添加、修改、删除功能）注意：我们使用VueRouter进行路由管理，使用Vuex进行状态管理（存储登录状态等），使用axios与后端交互。由于代码量较大，这里我们将分模块编写。首先，我们搭建项目结构，然后实现各个页面组件。项目结构如下：```src/├──assets/├──components/├──views/│├──Login.vue//登录页面│├──Register.vue//注册页面│├──UserHome.vue//用户首页│├──AdminHome.vue//管理员首页│├──GuideList.vue//攻略列表（管理员和用户都可以查看，但操作权限不同）│└──UserList.vue//用户列表（管理员）├──router/│└──index.js//路由配置├──store/│└──index.js//Vuex存储├──App.vue├──main.js```我们使用axios进行HTTP请求，并设置baseURL为后端地址（假设后端运行在http://localhost:8080）由于需求中用户和管理员有不同的界面，我们根据登录后的角色（用户或管理员）展示不同的首页。注意：后端代码中，用户和管理员是分开的实体。我们在前端需要区分用户登录和管理员登录。根据需求，管理员的ID范围在1-99，用户ID从100开始，我们可以通过登录返回的数据中的ID来判断角色。但为了更好的区分，我们可以在登录后返回的数据中加入角色标识（例如，在登录接口返回的数据中增加一个字段表示角色），但是查看后端代码，登录接口返回的是Admin或User对象，没有角色字段。因此，我们可以根据ID的范围判断：ID<100的是管理员，否则是用户。然而，为了安全起见，最好在后端返回数据时明确角色。但这里我们遵循现有后端代码，所以在前端判断ID范围。另外，注册时，管理员需要提供管理员密令（这里我们假设密令为"adminSecret"）。在注册管理员的表单中需要额外输入这个密令。我们开始编写代码：步骤1：创建Vue项目并安装依赖（vue-router,vuex,axios,element-ui）步骤2：编写各个模块的代码。由于整个前端项目代码量很大，这里我们只给出关键代码的示例。我们将按功能模块展示。我们首先创建登录页面（Login.vue）和注册页面（Register.vue）。然后，创建用户和管理员的首页。由于完整代码过长，我们将分步展示。下面是一个简化版的代码示例。注意：以下代码省略了样式部分，实际开发中需要添加样式。1.main.js入口文件2.路由配置3.Vuex配置（用于存储登录状态）4.登录页面5.注册页面6.用户首页7.管理员首页8.攻略列表页面考虑到篇幅，我们将展示关键部分的代码，并尽可能注释说明。首先，我们在main.js中引入ElementUI和axios：</think> 根据您的后端项目需求，我将提供基于Vue.js和Element UI的前端实现方案。以下是关键组件的实现代码： ### 1. 前端项目结构 ``` src/ ├── api/ # API接口封装 │ ├── auth.js # 认证相关API │ ├── guide.js # 攻略管理API │ ├── admin.js # 管理员API │ └── user.js # 用户API ├── store/ # Vuex状态管理 │ └── index.js ├── router/ # 路由配置 │ └── index.js ├── views/ │ ├── Login.vue # 登录页面 │ ├── Register.vue # 注册页面 │ ├── UserHome.vue # 用户个人中心 │ └── AdminHome.vue # 管理员控制台 ├── components/ │ ├── GuideList.vue # 攻略列表组件 │ └── UserList.vue # 用户列表组件 └── App.vue # 根组件 ``` ### 2. 核心组件实现 #### 登录页面 (Login.vue) ```vue <template> <div class="login-container"> <el-form :model="form" label-width="80px"> <el-form-item label="用户名" prop="username"> <el-input v-model="form.username" /> </el-form-item> <el-form-item label="密码" prop="password"> <el-input v-model="form.password" type="password" /> </el-form-item> <el-form-item> <el-button type="primary" @click="login">登录</el-button> <el-button @click="$router.push('/register')">注册</el-button> </el-form-item> </el-form> </div> </template> <script> import { login } from '@/api/auth'; export default { data() { return { form: { username: '', password: '' } }; }, methods: { async login() { try { const response = await login(this.form); if (response.data.success) { this.$message.success('登录成功'); // 根据ID判断用户类型 const id = response.data.data?.id; if (id && id < 100) { this.$router.push('/admin'); } else { this.$router.push('/user'); } } else { this.$message.error(response.data.message || '登录失败'); } } catch (error) { this.$message.error('账号或密码错误'); } } } }; </script> ``` #### 管理员控制台 (AdminHome.vue) ```vue <template> <div> <el-tabs v-model="activeTab"> <el-tab-pane label="用户管理" name="users"> <UserList @delete-user="handleDeleteUser" /> </el-tab-pane> <el-tab-pane label="攻略管理" name="guides"> <GuideList @delete-guide="handleDeleteGuide" /> </el-tab-pane> <el-tab-pane label="添加攻略" name="addGuide"> <el-form :model="newGuide"> <el-form-item label="标题"> <el-input v-model="newGuide.title" /> </el-form-item> <el-form-item label="内容"> <el-input v-model="newGuide.content" type="textarea" rows="4" /> </el-form-item> <el-form-item label="目的地"> <el-input v-model="newGuide.destination" /> </el-form-item> <el-form-item> <el-button type="primary" @click="addGuide">添加</el-button> </el-form-item> </el-form> </el-tab-pane> </el-tabs> <el-button @click="logout" class="logout-btn">退出</el-button> </div> </template> <script> import UserList from '@/components/UserList'; import GuideList from '@/components/GuideList'; import { addGuide } from '@/api/guide'; export default { components: { UserList, GuideList }, data() { return { activeTab: 'users', newGuide: { title: '', content: '', destination: '', authorId: null // 从登录信息获取 } }; }, mounted() { // 设置当前管理员ID this.newGuide.authorId = this.$store.state.user.id; }, methods: { async addGuide() { try { const response = await addGuide(this.newGuide); if (response.data.success) { this.$message.success('攻略添加成功'); this.newGuide = { title: '', content: '', destination: '' }; } } catch (error) { this.$message.error('添加失败'); } }, handleDeleteUser(userId) { // 调用删除用户API this.$message.success(`成功删除ID为${userId}的用户`); }, handleDeleteGuide(guideId) { // 调用删除攻略API this.$message.success(`成功删除ID为${guideId}的攻略`); }, logout() { this.$store.dispatch('logout'); this.$message.info('感谢使用walk，再见！'); this.$router.push('/login'); } } }; </script> ``` #### API接口封装 (api/auth.js) ```javascript import axios from 'axios'; const API_URL = 'http://localhost:8080/api'; export const login = (credentials) => { return axios.post(`${API_URL}/login`, credentials); }; export const register = (userData, isAdmin = false, adminSecret = '') => { const endpoint = isAdmin ? '/admins/register' : '/users/register'; const data = isAdmin ? { ...userData, adminSecret } : userData; return axios.post(`${API_URL}${endpoint}`, data); }; ``` #### Vuex状态管理 (store/index.js) ```javascript import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); export default new Vuex.Store({ state: { token: localStorage.getItem('token') || null, user: JSON.parse(localStorage.getItem('user')) || null }, mutations: { setToken(state, token) { state.token = token; localStorage.setItem('token', token); }, setUser(state, user) { state.user = user; localStorage.setItem('user', JSON.stringify(user)); }, clearAuth(state) { state.token = null; state.user = null; localStorage.removeItem('token'); localStorage.removeItem('user'); } }, actions: { login({ commit }, { token, user }) { commit('setToken', token); commit('setUser', user); }, logout({ commit }) { commit('clearAuth'); } }, getters: { isAdmin: state => state.user?.id && state.user.id < 100 } }); ``` ### 关键功能说明： 1. **用户身份识别**： - 根据ID范围（1-99为管理员，≥100为普通用户）自动识别用户类型 - 登录成功后自动导航到相应的控制台 2. **管理员特殊功能**： - 用户和攻略管理界面 - 添加攻略的表单 - 删除用户/攻略的能力 3. **数据获取与处理**： - 使用axios与后端API通信 - Vuex管理登录状态和用户信息 4. **安全控制**： - 管理员注册需要提供密令 - 本地存储认证信息 - 权限分离的界面展示 ### 实现注意事项： 1. **路由守卫**：在路由配置中添加认证检查 ```javascript router.beforeEach((to, from, next) => { if (to.meta.requiresAuth && !store.state.token) { next('/login'); } else { next(); } }); ``` 2. **ID自动生成**：在后端完成ID生成，前端直接使用响应数据 3. **唯一性检查**：注册时调用API检查用户名是否已存在 4. **错误处理**：所有API调用包含错误捕获和用户反馈
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值