Web应用开发_web前端技术应用-CSDN博客

本文链接：https://blog.csdn.net/2301_78948597/article/details/135145173

1.web简介

2.web前端

3web后端

4.mybatis与mybatis-plus实现以及它们之间的区别

5Gitte的使用

一，web简介：

Web应用开发主要是建立在B/S架构模式下，衍生出来的一系列web应用程序，即主要是基于浏览器的应用程序开发，这也是web应用程序开发的基础，比如淘宝、京东、当当网等。Web开发在近年来，随着本身技术的突破以及移动设备的普及，基于web领域的开发，也出现了明确的岗位职责分工，一个web互联网产品中，基本上会分为web UI设计、Web前端开发以及web后端开发。

二，web前端：

Web应用被分类归为分布式应用，一般是客户端——服务器结构，所以我们有一部分的代码运行在客户端，另一部分代码运行在服务器。那些在客户端上的应用就是前端，通常指的就是我们的浏览器。最常用于前端开发的技术是HTML+CSS+JavaScript，高级的前端开发人员通常使用这些技术的组合开发应用的前端，另一个前端的常用技术就是使用Photoshop设计，配合其他技术共同完成Web页面的制作。

Web前端开发用到的编程语言主要有javascript，以及伴随有标记性文本语言html和样式渲染方式CSS。以及近年来衍生出来的一批优秀web前端框架，使web前端在应用构建方面的效率得到显著提升。另外nodeJs的出现，越来越多的web前端开发人员开始走入服务端编程领域，甚至在一些项目中扮演着web全栈开发的角色。

三，web后端：

后端开发者编写那些运行在服务器上的代码，通常来说，这部分的工作需要和数据库打交道，比如读写数据、读写文件、实现业务逻辑等。有些时候，业务逻辑存储在客户端，这时后台就是用来以Web服务的形式提供数据库中的数据。后端开发者一般需要掌握一种Web编程语言和一个数据库管理系统。

你可以同时掌握前端和后端的技术，但大多数Web开发者都还是有一定的喜好偏向，甚至只在某一方面深入研究。尽管前后端是有区分的，但并没有规定它们各自的具体任务。有时前端只是完成数据的显示，而其他主要工作都在后端完成。但也有时，后端只是提供数据，而所有的计算和具体功能都在前端完成。前后端工作的分配，通常都是由项目的设计和架构来决定的。

Web后端开发，主要用到的语言有java、php、python等，当然随着nodeJs的兴起，也成为近年来服务端开发的另一种选择，当前nodeJs更多的是面向web前端开发人员。

Web应用程序开发是基于浏览器的，浏览器本身已经解决了多平台性兼容的问题，所以web开发一般是无需考虑跨平台所面临的兼容性问题。但是，web开发领域需要解决的有另一类问题，那便是多端兼容以及融合的问题，虽然web是基于浏览器的，没有跨平台的问题，但多端的快速发展，是web开发领域的新问题，即PC端、移动端以及当下比较火热的小程序端。

从上可见web开发的可学内容非常丰富，目前我们就学习了前端和后端的一小部分知识。

现和大家分享下我学到的部分知识，

四，mybatis与mybatis-plus实现以及它们之间的区别

Mybatis Plus

Mybatis-Plus是一个Mybatis的增强工具，只是在Mybatis的基础上做了增强却不做改变，MyBatis-Plus支持所有Mybatis原生的特性，所以引入Mybatis-Plus不会对现有的Mybatis构架产生任何影响。

Mybatis 和 Mybatis Plus 的区别MyBatis的编程风格更加传统，需要定义mapper.xml文件并根据传入的参数使用相应的SQL查询语句，需要实现 Mybatis 提供的各种方法；而MyBatis-Plus具有许多针对CRUD进行的简化方法，通过继承BaseMapper以及使用Lambda表达式，可以让我们像SpringDataJPA类似地使用接口编程方式进行数据库操作。

MyBatis:

所有SQL语句全部自己写
手动解析实体关系映射转换为MyBatis内部对象注入容器
不支持Lambda形式调用

Mybatis Plus:

强大的条件构造器,满足各类使用需求
内置的Mapper,通用的Service,少量配置即可实现单表大部分CRUD操作
支持Lambda形式调用
提供了基本的CRUD功能,连SQL语句都不需要编写
自动解析实体关系映射转换为MyBatis内部对象注入容器

五，Gitt的使用

登入部分功能优化

生成token方式

基础页面维护

1.新增基础页面

1)BaseUrlController

@PostMapping("/add") public Result<?> addBaseUrl(@RequestBody BaseUrl baseUrl){ baseUrlService.save(baseUrl); return Result.success("新增基础页面成功"); }

1)BaseUrlController

@PostMapping("/add") public Result<?> addUrl(@RequestBody BaseUrl baseUrl){ try { // baseUrlService.save(baseUrl); baseUrlService.myAddBaseUrl(baseUrl); }catch (Exception e){ return Result.fail("2222","新增基础页面失败！"+e.toString()); } return Result.success("","新增基础页面成功！"); }

2)IBaseUrlService

int myAddBaseUrl(BaseUrl baseUrl);

3)BaseUrlServiceImpl

@Override public int myAddBaseUrl(BaseUrl baseUrl) { return baseUrlMapper.addBaseUrl(baseUrl); }

4)BaseUrlMapper

int addBaseUrl(BaseUrl baseUrl);

5)BaseUrlMapper.xml

 <insert id="addBaseUrl" parameterType="BaseUrl"> insert into base_url values (#{mainPage},#{rootlink},#{num},#{level},#{leaflink},#{description}) </insert>

2.更新基础页面

1)BaseUrlController

@PutMapping("/update") public Result<?> updateBaseUrl(@RequestBody BaseUrl baseUrl) { int num; try { num = baseUrlService.myUpdateBaseUrl(baseUrl); } catch (Exception e) { return Result.fail("", "更新基础页面失败！" + e.toString()); } return Result.success(num, "更新基础页面成功！"); }

2)IBaseUrlService

int myUpdateBaseUrl(BaseUrl baseUrl); //这里的方法名称和mapper接口方法名称可以一样也可以不一样

3)BaseUrlServiceImpl

@Resource BaseUrlMapper baseUrlMapper ; @Override public int myUpdateBaseUrl(BaseUrl baseUrl) { int num = baseUrlMapper.updateBaseUrl(baseUrl); return num; }

4)BaseUrlMapper

int updateBaseUrl(BaseUrl baseUrl);

5)BaseUrlMapper.xml

 <update id="updateBaseUrl" parameterType="BaseUrl"> update base_Url set description = #{description} where mainPage = #{mainPage} </update>

3.根据主页查询基础页面信息

1)BaseUrlController

/** * 根据主页查询基础页面信息 * @param mainPage * @return 基础页面信息 */ @GetMapping("getByMainPage") public Result<List<BaseUrl>> qryBaseUrl(String mainPage){ List<BaseUrl> urlList = null ; try{ urlList = baseUrlService.mySelectByMainPage(mainPage); }catch (Exception e) { return Result.fail(urlList,"查询失败"+e.toString()); } return Result.success(urlList, "查询基础页面成功！"); }