Web-基础页面维护

 一：web应用项目开发

开发一个web应用项目需要考虑许多方面，包括前端设计、后端开发和数据库管理等。以下是一些常见的步骤和技术，可帮助开始进行web应用项目开发。

1. 需求分析：确定项目目标、功能和用户需求。这将有助于确定项目的范围和优先级。

2. 技术栈选择：确定将要使用的前端和后端技术。常见的前端技术包括HTML、CSS和JavaScript，后端技术可以是Node.js、Python、Ruby等。选择适合自己项目需求和技能水平的技术。

3. 前端开发：使用HTML、CSS和JavaScript创建用户界面。考虑使用现代的前端框架（如React、Angular或Vue.js）来简化开发过程和提高用户体验。

4. 后端开发：使用选择的后端技术创建服务器端应用程序。这可能涉及处理数据、用户验证、路由设置和与数据库的交互。

5. 数据库管理：选择适合的项目的数据库（如MySQL、MongoDB或PostgreSQL），并设计和管理数据模型。使用数据库查询语言（如SQL）来检索和存储数据。

6. 测试和调试：在开发过程中进行测试和调试，确保应用程序在各种环境和使用情况下正常运行。

7. 部署和上线：选择适合项目的服务器和云服务提供商，并将应用程序部署到生产环境中。

此外，还可以考虑使用版本控制工具（如Git）来管理代码，并使用项目管理工具（如Trello或Jira）来跟踪项目进度和任务分配。

每个项目都有其独特的要求和挑战。学习和实践是成为一个成功的web开发者的关键。

二：准备

要进行基础的web应用开发页面维护，需要以下软件：

1. IDE

可以选择使用文本编辑器，如Sublime Text、Visual Studio Code或Atom，或者使用专门的web开发IDE，如WebStorm或Adobe Dreamweaver。这些工具提供了代码高亮、自动完成、代码片段等功能，方便编写和维护HTML、CSS和JavaScript代码。

2. Git

使用版本控制系统可以跟踪和管理代码的变更。使用Git来管理项目代码，并与团队成员协作。

3. DBeaver

是一个开源的数据库管理工具，它提供了对各种数据库的支持，包括MySQL、Oracle、PostgreSQL等。使用DBeaver，您可以连接到数据库服务器，执行SQL查询、管理数据库对象、导入和导出数据等。具有直观的用户界面，使得数据库管理变得更加简单和高效。它提供了强大的查询编辑器，可以帮助您编写和执行复杂的SQL查询。此外，DBeaver还支持数据导入和导出，可以方便地将数据从一个数据库导入到另一个数据库。还具有许多其他功能，如数据库对象管理、事务管理、视图和存储过程的创建和编辑等。它还支持多个连接和多个数据库实例的管理，使您可以同时连接和管理多个数据库。

4.Postman

可以帮助开发人员在开发和测试API时更加高效和便捷。它提供了许多有用的功能，使开发人员能够轻松地与API进行交互、测试和验证。

（1）. 发送HTTP请求：Postman允许用户发送各种类型的HTTP请求，如GET、POST、PUT、DELETE等，以与API进行交互。

（2）. 创建和管理请求集合：用户可以创建请求集合来组织和管理相关的API请求，以便更好地组织和执行测试。

（3）. 自动化测试：Postman允许用户创建自动化测试脚本，以验证API的正确性和性能。用户可以编写测试脚本来检查响应的状态码、响应体的内容等。

（4）. 身份验证和授权：Postman支持各种身份验证和授权方式，如基本身份验证、OAuth 2.0、Bearer Token等，使用户能够与需要身份验证的API进行交互。

（5）. 监控和文档生成：Postman可以生成API的文档，并提供监控功能来跟踪API的性能和可用性。

5.Redis Desktop Manager (RDM)

是一个用于管理和监控 Redis 数据库的可视化工具。它提供了方便的界面，可以帮助用户执行各种与 Redis 相关的任务。有以下主要功能：

（1）连接到 Redis 数据库：RDM 允许用户通过指定连接参数（主机名、端口、密码等）连接到 Redis 数据库。用户可以保存和管理多个连接配置，并轻松地在它们之间切换。

（2）查看和操作数据：RDM 提供了一个直观的用户界面，用于查看和操作 Redis 数据库中的键值对。用户可以浏览数据库的层次结构，查看键值对的详细信息，包括键的类型、过期时间等。还可以执行常见的操作，如设置键的值、删除键、重命名键等。

（3）执行命令和脚本：RDM 允许用户执行 Redis 命令和 Lua 脚本。用户可以直接在工具中输入命令，并查看执行结果。这对于执行复杂的操作或批量操作非常有用。

（4）监控和分析：RDM 提供了实时监控 Redis 实例的功能。用户可以查看实例的各种指标，如内存使用情况、命令执行速率、连接数等。还可以生成图表和报告，以便更好地分析和诊断数据库的性能和健康状况。

（5）导入和导出数据：RDM 支持将数据从 Redis 导出为 JSON、CSV 或 SQL 文件，并允许用户从这些文件中导入数据到 Redis 数据库中。这使得数据的备份、迁移和共享变得更加方便。

（6）多平台支持：RDM 可以在 Windows、Mac 和 Linux 等多个操作系统上运行，并提供与 Redis 的兼容性。

三：基础页面维护

1.新增基础页面

(1)BaseUrlController

@PostMapping("/add")
public Result<?> addBaseUrl(@RequestBody  BaseUrl baseUrl){
    baseUrlService.save(baseUrl);
    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>

(6)打开Postman测试

输入http://localhost:8081/weburl/baseurl/add

​

​

​

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

<!--    sql语句字段不区分大小写，但是变量名区分-->
<update id="updateBaseUrl" parameterType="BaseUrl">
    update base_Url set description = #{description} where mainPage = #{mainPage}
</update>

(6)打开Postman测试

输入http://localhost:8080/weburl/baseurl/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, "查询基础页面成功！");
}

(2)IBaseUrlService

List<BaseUrl> mySelectByMainPage(String mainPage);

(3)BaseUrlServiceImpl

@Override
public List<BaseUrl> myselectByMainPage(String mainPage) {
    return baseUrlMapper.selectByMainPage(mainPage);
}

(4)BaseUrlMapper

List<BaseUrl> selectByMainPage(String mainPage);

(5)BaseUrlMapper.xml

<select id="selectByMainPage" resultType="BaseUrl">
    select * from base_url where mainPage = #{mainPage}
</select>

(6)打开Postman测试

输入http://localhost:8080/weburl/baseurl/getByMainPage？mainPage=http://127.0.0.1:8082/index.html

4.根据多条件查询基础页面信息

(1)BaseUrlController

/**
 * 根据条件查询基础页面信息
 * @param baseUrl
 * @return
 */
@GetMapping("/get")
public Result<List<BaseUrl>> selectBaseUrl(@RequestBody BaseUrl baseUrl){
    List<BaseUrl> list = baseUrlService.mySelectBaseUrl(baseUrl);
    return Result.success(list,"查询成功!");
}

(2)IBaseUrlService

List<BaseUrl> mySelectBaseUrl(BaseUrl baseUrl);

(3)BaseUrlServiceImpl

@Override
public List<BaseUrl> selectBaseUrl(BaseUrl baseUrl) {
    return baseUrlMapper.mySelectBaseUrl(baseUrl);
}

(4)BaseUrlMapper

List<BaseUrl> selectBaseUrl(BaseUrl baseUrl);

(5)BaseUrlMapper.xml

<select id="selectBaseUrl" resultType="BaseUrl" parameterType="BaseUrl">
    select *
    from base_url
             where 1 = 1
    <if test="mainPage != null">and mainPage = #{mainPage}</if>
    <if test="rootlink != null">and rootlink = #{rootlink}</if>
    <if test="num != null">and num = #{num}</if>
    <if test="level != null">and level = #{level}</if>
    <if test="leaflink != null">and leaflink = #{leaflink}</if>
</select>

(6)打开Postman测试

输入http://localhost:8080/weburl/baseurl/get

在body中输入

{
    "mainPage":"http://127.0.0.1:8082/index.html",
    // "rootlink":"https://www.example.com/page3",
    // "num":1,
    "level":4
    // "leaflink":"https://www.iana.org/domains/example"
}

四：遇到的错误

1.405

2.500

3.415

当遇到问题时，先看控制台输出的问题，看不懂可以先翻译一下，试着解决，还可以复制报错的代码去网页上寻找答案，都是很好的解决方法。