web前端开发介绍

web项目的背景

本项目是采用前后端项目架构实现的“学生课程习题集”系统。主要聚焦系统后端实现，学生可从学习过程中学习系统架构、Spring Boot前后端分离开发、业务流程分析、各中技术的集成等相关知识。而且，由于使用的是前后端分离开发，所以学生也可以为后续项目扩展打好基础，进一步学习相关的技术完成知识储备。

web项目需求的分析

本项目开发的最终用户分别为教师、学生及系统管理人员，项目包含课程管理、习题管理、题目管理用户管理、权限管理等模块，提供了基础的CRUD、课程注册及审批、题目下载及发布…等功能。
仅确认开发项目需要的模块及功能

项目技术

Spring Boot WebSpring Boot DevToo1sSpring Boot集成ATibaba Druid
Spring Data JPA
Spring Boot集成Redis
Spring Security
Spring Cache
Common FiTeUpload

项目架构（前后端分离架构）

应用分层

根据业务架构实践，结合业界分层规范与流行技术框架分析，推荐应用分层如图所示。默认上层依赖于下层，箭头关系表示可以直接依赖。
开放API层：可直接封装Service接口暴露成RPC接口；通过Web封装成http接口；网关控制层等。
终端显示层：隔断模板渲染显示层。
Web层：主要对访问控制进行转发，各类基本参数校验，或不服用的业务简单处理。
Service层：具体的业务逻辑服务。
DAO层：数据访问层，与底层MySQL、SQL Server、Mango DB等进行数据交互。
外部数据接口：外部（应用）数据存储服务提供的接口（如：数据迁移应用场景）

自定义错误

1.在web 同目录下添加handler 文件夹
2.添加两个自定义异常类，NotFoundException和BusinessException，代表资源不存在和业务异常
3.添加一个统一的异常处理类PracticeExceptionHandler
4.使用@ControllerAdvice注解该类，该注解将所有controller 作为切面，利用切面技术为controller扩展功能
5.添加专用于业务异常处理的异常处理方法，并使用ExceptionHandler注解，参数为自定义的业务异常类
6.添加通用的异常处理方法，并使用ExceptionHandler注解，参数为Exception类

自定义和web之间的相似之处

1.可扩展性：Web和自定义都具有高度的可扩展性。Web允许开发者使用HTML、CSS和JavaScript等技术来创建各种各样的网页和应用程序。自定义也允许用户根据自己的需求和喜好进行个性化设置和修改。
2.可定制性：Web和自定义都提供了一定程度的可定制性。在Web上，用户可以自定义网页的样式、布局和功能来满足自己的需求。自定义也允许用户根据自己的偏好和需求进行个性化设置和修改。
3.用户参与性：Web和自定义都强调用户的参与和互动。Web上的互动性和社交功能使用户可以与其他用户进行交流、分享和合作。自定义也鼓励用户参与和参与到产品或服务的创建和设计中。
4.开放性：Web和自定义都具有相对开放的特点。Web上的内容和资源都是开放的，用户可以自由访问和使用。自定义也允许用户自由选择和使用各种工具、软件和服务，以满足自己的需求和偏好。
5.创新性：Web和自定义都鼓励创新和创造。Web上的技术和工具的不断发展和演进，为开发者提供了更多的创新和创造的机会。自定义也鼓励用户根据自己的需求和想法进行创新和创造，以实现更好的个性化体验。

总结

1.目标明确：在开始项目前，要明确项目的目标和需求，确定项目的范围和功能。
2.规划与设计：在项目开始之前，需要进行项目规划和设计，包括制定项目计划、确定技术栈和架构、设计数据库结构等。
3.团队协作：web项目通常是一个团队合作的过程，团队成员需要有明确的角色和职责，并且要进行有效的沟通和协作，确保项目的顺利进行。
4.前端开发：前端开发是web项目中的重要环节，包括设计页面、编写HTML、CSS和JS代码、实现动态交互等。
5.后端开发：后端开发主要涉及服务器端的编程，包括处理用户请求、访问数据库、实现业务逻辑等。
6.数据库设计和管理：web项目通常需要使用数据库来存储和管理数据，需要合理设计数据库结构，并进行优化和管理。
7.测试和调试：在开发过程中，要进行测试和调试，确保项目的稳定性和性能。
8.上线和部署：当项目开发完成后，需要进行上线和部署，将项目部署到服务器上，并进行监控和维护。
9运维和维护：web项目上线后，还需要进行运维和维护工作，包括监控服务器状态、处理问题和bug、定期更新等。