第五章---创建个人中心页面（下）

最新推荐文章于 2023-12-20 09:34:13 发布
最新推荐文章于 2023-12-20 09:34:13 发布
阅读量336 收藏 1
点赞数
分类专栏： SpringBoot 文章标签： spring
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_51366201/article/details/134911647
版权

1. 整体框架

在这里插入图片描述

2. 前端页面布局

使用 bootstrap 的 grids system 进行布局。页面规划如下：

在这里插入图片描述
在 bootstrap 的网址搜索 grids system。

一行分为12份，左边3份，为头像；右边9份，白色区域 cards，加上按钮创建 bot，获取 Bot 列表

在 views.user.bot.UserBotIndexView.vue 下修改，实现基本的个人 bot 信息展示。

<template>

    <div class="container">
        <div class="row">
            <div class="col-3">
                <div class="card" style="margin-top: 20px;">
                    <div class="card-body">
                        <img :src="$store.state.user.photo" alt="" style="width: 100%;">
                    </div>
                </div>
            </div>
            <div class="col-9">
                <div class="card" style="margin-top: 20px;">
                    <div class="card-header">
                        <span style="font-size: 130%;">我的Bot</span>
                        <button type="button" class="btn btn-primary float-end">
                            创建Bot
                        </button>
                    </div>
                    <div class="card-body">
                        <thead>
                                <tr>
                                    <th>名称</th>
                                    <th>创建时间</th>
                                    <th>操作</th>
                                </tr>
                                <tbody>
                                 <tr>
                                    <td>{{ bot.title }}</td>
                                    <td>{{ bot.createtime }}</td>
                                    <td>

                                        <button type="button" class="btn btn-secondary" style="margin-right: 10px;">修改</button>
                                        <button type="button" class="btn btn-danger">删除</button>
                                    </td>
                                </tr>
                            </tbody>
                         </thead>
                    </div>
                </div>
            </div>
        </div>
    </div>

</template>

实现 refresh_bot，获取上节课的 API: /user/bot/getlist/ 查询 bot 列表，通过获取后端信息把数据展示在前端上。

<script>
import { ref, reactive } from 'vue'
import $ from 'jquery'
import { useStore } from 'vuex'

export default {

        const store = useStore();

        const refresh_bots = () => {
                $.ajax({
                    url: "http://127.0.0.1:8080/user/bot/getlist/",
                    type: "get",
                    headers: {
                        Authorization: "Bearer " + store.state.user.token,
                    },
                    success(resp) {
                        bots.value = resp;
                    }
                })
            }


        refresh_bots();
    }
}
</script>

获取用户信息成功：

在这里插入图片描述

3. 前端页面创建、修改、删除 Bot

3.1 创建一个 Bot

在点击 创建Bot 按钮的时候需要一个弹窗。在 bootstrap 中寻找一个 modals ：

在 views.user.bot.UserBotIndexView.vue 下修改，增加一个模态框，然后丰富模态框的内容。

<template>
    <div class="container">
        <div class="row">
            <div class="col-3">
                <div class="card" style="margin-top: 20px;">
                    <div class="card-body">
                        <img :src="$store.state.user.photo" alt="" style="width: 100%;">
                    </div>
                </div>
            </div>
            <div class="col-9">
                <div class="card" style="margin-top: 20px;;">
                    <div class="card-header">
                        <span style="font-size: 130%;">我的Bot</span> 
                        <button type="button" class="btn btn-primary float-end" data-bs-toggle="modal" data-bs-target="#add-bot-btn">
                            创建Bot
                        </button>

                        <!-- Modal -->
                        <div class="modal fade" id="add-bot-btn" tabindex="-1">
                            <div class="modal-dialog modal-xl">
                                <div class="modal-content">
                                <div class="modal-header">
                                    <h1 class="modal-title fs-5" id="exampleModalLabel">创建Bot</h1>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                </div>
                                <div class="modal-body">
                                    <form>
                                        <div class="mb-3">
                                            <label for="add-bot-title" class="form-label">名称</label>
                                            <input v-model="botadd.title" type="text" class="form-control" id="add-bot-title" aria-describedby="emailHelp" placeholder="请输入Bot名称">
                                        </div>
                                        <div class="mb-3">
                                            <label for="add-bot-description" class="form-label">简介</label>
                                            <textarea v-model="botadd.description"  class="form-control" id="add-bot-description" rows="3" placeholder="请输入Bot简介"></textarea>
                                        </div>
                                        <div class="mb-3">
                                            <label for="add-bot-code" class="form-label">代码</label>
                                            <textarea  v-model="botadd.content" class="form-control" id="add-bot-code" rows="7" placeholder="请编写Bot代码"></textarea>
                                        </div>
                                    </form>
                                </div>
                                <div class="modal-footer">
                                    <div class="error-message">{{ botadd.error_message }}</div>
                                    <button type="button" class="btn btn-primary" @click="add_bot">创建</button>
                                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
                                </div>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                    <div class="card-body">
                        <table class="table table-striped table-hover">
                            <thead>
                                <tr>
                                    <th>名称</th>
                                    <th>创建时间</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr v-for="bot in bots" :key="bot.id"> 
                                    <td>{{ bot.title }}</td>
                                    <td>{{ bot.createtime }}</td>
                                    <td>
                                        <button type="button" class="btn btn-secondary" style="margin-right: 10px;">修改</button>
                                        <button type="button" class="btn btn-danger">删除</button>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

增加一个 add_bot 函数：

<script>
 import { ref,reactive } from 'vue'
 import $ from 'jquery'
 import { useStore } from 'vuex';
 import { Modal } from 'bootstrap/dist/js/bootstrap';

 export default {
    setup() {
        const store = useStore();
        let bots = ref([]);

        const botadd = reactive({
            title: "",
            description: "",
            content: "",
            error_message: "",
        });

        const refresh_bots = () => {
            $.ajax({
                url: "http://127.0.0.1:3000/user/bot/getlist/",
                type: "get",
                headers: {
                    Authorization:"Bearer " + store.state.user.token,
                },
                success(resp) {
                    bots.value = resp;
                }
            })
        }

        refresh_bots();
        
        const add_bot = () => {
            botadd.error_message = "",
            $.ajax({
                url: "http://127.0.0.1:3000/user/bot/add/",
                type: "post",
                data: {
                    title: botadd.title,
                    description: botadd.description,
                    content: botadd.content,
                },
                headers: {
                    Authorization:"Bearer " + store.state.user.token,
                },
                success(resp) {
                    if(resp.error_message === "success") {
                        botadd.title = "",
                        botadd.description = "",
                        botadd.content = "",
                        Modal.getInstance("#add-bot-btn").hide();
                        refresh_bots();
                    } else {
                        botadd.error_message = resp.error_message;
                    }
                }
            })
        }
        return {
            bots,
            botadd,
            add_bot
        }
    }
        
 }

 </script>

创建完成后需要绑定前端的信息。在前面的地方加上 v-model，同时增加一个 触发事件。(上方代码已加)

<div class="modal-body">
                                    <div class="mb-3">
                                        <label for="add-bot-title" class="form-label">名称</label>
                                        <input v-model="botadd.title" type="text" class="form-control" id="add-bot-title" placeholder="请输入Bot名称">
                                    </div>
                                    <div class="mb-3">
                                        <label for="add-bot-description" class="form-label">简介</label>
                                        <textarea v-model="botadd.sescription" class="form-control" id="add-bot-description" rows="3" placeholder="请输入Bot简介"></textarea>
                                    </div>
                                    <div class="mb-3">
                                        <label for="add-bot-code" class="form-label">代码</label>
                                        <textarea v-model="botadd.content" class="form-control" id="add-bot-content" rows="3" placeholder="请输入Bot代码"></textarea>

                                    </div>
                                </div>



<div class="modal-footer">
                                    //增加报错信息
                                    <div class="error-message">{{ botadd.error_message }}</div>
                                    <button type="button" class="btn btn-primary" @click="add_bot">创建</button>
                                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
                                </div>

在这里插入图片描述
如果创建 Bot 的时候时间出现问题：在后端的 pojo 里修改，加上时区：

package com.kob.backend.pojo;

import com.baomidou.mybatisplus.annotation.IdType;
import com.baomidou.mybatisplus.annotation.TableId;
import com.fasterxml.jackson.annotation.JsonFormat;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;

import java.util.Date;

@Data
@NoArgsConstructor
@AllArgsConstructor

public class Bot {
    @TableId(type = IdType.AUTO)
    private Integer id; //在pojo里最好用Integer，否则会报警告
    private Integer userId; //pojo里要用驼峰命名法和数据库的下划线对应
    private String title;
    private String description;
    private String Content;
    private Integer rating;
    @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss", timezone = "Asia/Shanghai")
    private Date createtime;
    @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss", timezone = "Asia/Shanghai")
    private Date modifytime;
}

成功效果如下：
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3.2 删除一个 Bot

增加一个 删除 bot 的函数：

<script>
import { ref, reactive } from 'vue'
import $ from 'jquery'
import { useStore } from 'vuex'

export default {

        const store = useStore();

        const botadd = reactive({
            title: "",
            description: "",
            content: "",
            error_message: "",
        });


        const refresh_bots = () => {
                $.ajax({
                    url: "http://127.0.0.1:8080/user/bot/getlist/",
                    type: "get",
                    headers: {
                        Authorization: "Bearer " + store.state.user.token,
                    },
                    success(resp) {
                        bots.value = resp;
                    }
                })
            }


        refresh_bots();

        //创建一个 bot
        const add_bot = () => {
                    botadd.error_message = "";
                    $.ajax({
                        url: "http://127.0.0.1:8080/user/bot/add/",
                        type: "post",
                        data: {
                            title: botadd.title,
                            description: botadd.description,
                            content: botadd.content,
                        },
                        headers: {
                            Authorization: "Bearer " + store.state.user.token,
                        },
                        success(resp) {
                            if (resp.error_message === "success") {
                                botadd.title = "";
                                botadd.description = "";
                                botadd.content = "";
                                Modal.getInstance("#add-bot-btn").hide();
                                refresh_bots();
                            } else {
                                botadd.error_message = resp.error_message;
                            }
                        }
                    })
                }

        //删除一个 bot
        const remove_bot = (bot) => {
            $.ajax({
                url: "http://127.0.0.1:8080/user/bot/remove/",
                type: "post",
                data: {
                    bot_id: bot.id,
                },
                headers: {
                    Authorization: "Bearer " + store.state.user.token,
                },
                success(resp) {
                    console.log(resp);
                    if (resp.error_message === "success") {
                        refresh_bots();
                    }
                }
            })
        }

         return {
            bots,
            botadd,
            add_bot,
            remove_bot,
        }
    }
}
</script>

同时需要在上文绑定 删除 按钮。

<div class="card-body">
                        <thead>
                                <tr>
                                    <th>名称</th>
                                    <th>创建时间</th>
                                    <th>操作</th>
                                </tr>
                                <tbody>
                                 <tr>
                                    <td>{{ bot.title }}</td>
                                    <td>{{ bot.createtime }}</td>
                                    <td>

                                        <button type="button" class="btn btn-secondary" style="margin-right: 10px;">修改</button>
                                        <button type="button" class="btn btn-danger" @click="remove_bot(bot)">删除</button>
                                    </td>
                                </tr>
                            </tbody>
                         </thead>
                    </div>

如果删除的时候提示没有权限，可能是因为后端的 RemoveServiceImpl.java 文件出错，在里面修改即可。

成功效果：

在这里插入图片描述

在这里插入图片描述

3.3 修改一个 Bot

在 views.user.bot.UserBotIndexView.vue 下修改。

<script>
import { ref, reactive } from 'vue'
import $ from 'jquery'
import { useStore } from 'vuex'

export default {

        const store = useStore();

        const botadd = reactive({
            title: "",
            description: "",
            content: "",
            error_message: "",
        });


        const refresh_bots = () => {
                $.ajax({
                    url: "http://127.0.0.1:8080/user/bot/getlist/",
                    type: "get",
                    headers: {
                        Authorization: "Bearer " + store.state.user.token,
                    },
                    success(resp) {
                        bots.value = resp;
                    }
                })
            }


        refresh_bots();

        //创建一个 bot
        const add_bot = () => {
                    botadd.error_message = "";
                    $.ajax({
                        url: "http://127.0.0.1:8080/user/bot/add/",
                        type: "post",
                        data: {
                            title: botadd.title,
                            description: botadd.description,
                            content: botadd.content,
                        },
                        headers: {
                            Authorization: "Bearer " + store.state.user.token,
                        },
                        success(resp) {
                            if (resp.error_message === "success") {
                                botadd.title = "";
                                botadd.description = "";
                                botadd.content = "";
                                Modal.getInstance("#add-bot-btn").hide();
                                refresh_bots();
                            } else {
                                botadd.error_message = resp.error_message;
                            }
                        }
                    })
                }

        //删除一个 bot
        const remove_bot = (bot) => {
            $.ajax({
                url: "http://127.0.0.1:8080/user/bot/remove/",
                type: "post",
                data: {
                    bot_id: bot.id,
                },
                headers: {
                    Authorization: "Bearer " + store.state.user.token,
                },
                success(resp) {
                    console.log(resp);
                    if (resp.error_message === "success") {
                        refresh_bots();
                    }
                }
            })
        }
        const update_bot = (bot) => {
            botadd.error_message = "";
            $.ajax({
                url: "http://127.0.0.1:8080/user/bot/update/",
                type: "post",
                data: {
                    bot_id: bot.id,
                    title: bot.title,
                    description: bot.description,
                    content: bot.content,
                },
                headers: {
                    Authorization: "Bearer " + store.state.user.token,
                },
                success(resp) {
                    if (resp.error_message === "success") {
                        Modal.getInstance('#update-bot-modal-' + bot.id).hide();
                        refresh_bots();
                    } else {
                        botadd.error_message = resp.error_message;
                    }
                }
            })
        }

         return {
            bots,
            botadd,
            add_bot,
            remove_bot,
            update_bot,
        }
    }
}
</script>

修改每一个 bot 的时候需要有对应单独的一个模态框。

<template>

    <div class="container">
        <div class="row">
            <div class="col-3">
                <div class="card" style="margin-top: 20px;">
                    <div class="card-body">
                        <img :src="$store.state.user.photo" alt="" style="width: 100%;">
                    </div>
                </div>
            </div>
            <div class="col-9">
                <div class="card" style="margin-top: 20px;">
                    <div class="card-header">
                        <span style="font-size: 130%;">我的Bot</span>
                        <button type="button" class="btn btn-primary float-end" data-bs-toggle="modal" data-bs-target="#add-bot-btn">
                            创建Bot
                        </button>

                        <div class="modal fade" id="add-bot-btn" tabindex="-1">
                            <div class="modal-dialog modal-xl">
                                <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="exampleModalLabel">创建Bot</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                </div>
                                <div class="modal-body">
                                    <div class="mb-3">
                                        <label for="add-bot-title" class="form-label">名称</label>
                                        <input v-model="botadd.title" type="text" class="form-control" id="add-bot-title" placeholder="请输入Bot名称">
                                    </div>
                                    <div class="mb-3">
                                        <label for="add-bot-description" class="form-label">简介</label>
                                        <textarea v-model="botadd.sescription" class="form-control" id="add-bot-description" rows="3" placeholder="请输入Bot简介"></textarea>
                                    </div>
                                    <div class="mb-3">
                                        <label for="add-bot-code" class="form-label">代码</label>
                                        <VAceEditor
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <div class="error-message">{{ botadd.error_message }}</div>
                                    <button type="button" class="btn btn-primary" @click="add_bot">创建</button>
                                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
                                </div>
                                </div>
                            </div>
                        </div>


                    </div>
                    <div class="card-body">
                        <table class="table table-hover">
                             <thead>
                                <tr>
                                    <th>名称</th>
                                    <th>创建时间</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                 <tr v-for="bot in bots" :key="bot.id">
                                    <td>{{ bot.title }}</td>
                                    <td>{{ bot.createtime }}</td>
                                    <td>

                                        <button type="button" class="btn btn-secondary" style="margin-right: 10px;" data-bs-toggle="modal" :data-bs-target="'#update-bot-modal-' + bot.id">修改</button>
                                        <button type="button" class="btn btn-danger" @click="remove_bot(bot)">删除</button>


                                        <div class="modal fade" :id="'update-bot-modal-' + bot.id" tabindex="-1">
                                            <div class="modal-dialog modal-xl">
                                                <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="exampleModalLabel">修改Bot</h5>
                                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                </div>
                                                <div class="modal-body">
                                                    <div class="mb-3">
                                                        <label for="add-bot-title" class="form-label">名称</label>
                                                        <input v-model="bot.title" type="text" class="form-control" id="add-bot-title" placeholder="请输入Bot名称">
                                                    </div>
                                                    <div class="mb-3">
                                                        <label for="add-bot-description" class="form-label">简介</label>
                                                        <textarea v-model="bot.sescription" class="form-control" id="add-bot-description" rows="3" placeholder="请输入Bot简介"></textarea>
                                                    </div>
                                                    <div class="mb-3">
                                                        <label for="add-bot-code" class="form-label">代码</label>

                                                    </div>
                                                </div>
                                                <div class="modal-footer">
                                                    <div class="error-message">{{ bot.error_message }}</div>
                                                    <button type="button" class="btn btn-primary" @click="update_bot(bot)">保存修改</button>
                                                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
                                                </div>
                                                </div>
                                            </div>
                                        </div>

                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

</template>

成功效果如下：

在这里插入图片描述

3.4 实现代码框
  • 在 vue 界面添加依赖 vue3-ace-editor和ace-builds
  • 添加组件
import { VAceEditor } from 'vue3-ace-editor';
import ace from 'ace-builds';
ace.config.set(
    "basePath", 
    "https://cdn.jsdelivr.net/npm/ace-builds@" + require('ace-builds').version + "/src-noconflict/")
<VAceEditor
    v-model:value="botadd.content"
    @init="editorInit"
    lang="c_cpp"
    theme="textmate"
    style="height: 300px" />

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

YoLo-8
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
使用BootStrap搭建主页
qq_1114382703的博客
05-04 1244
使用Bootstrap来搭建主页
第5章-办公软件的应用教学课件完整.pptx
11-14
在办公软件的应用中，第5章涵盖了多个关键组件，包括Word 2000、Excel 2000、PowerPoint 2000、Access 2000、FrontPage 2000以及Outlook 2000。这些软件构成了Microsoft Office 2000套件，是商业和学术环境中广泛...
个人中心 - 实现修改用户头像、用户名或密码
xaiobit_hl的博客
08-02 2445
个人中心 - 实现修改用户头像、用户名或密码
【简单html静态网页代码】 简单个人主页成品 个人网页制作
最新发布
而风不止
12-20 1365
🎉精彩专栏推荐 💭文末获取联系 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业： 【📚毕设项目精品实战案例 (1000套) 】 🧡 程序员有趣的告白方式：【💌HTML七夕情人节表白网页制作 (110套) 】 🌎超炫酷的Echarts大屏可视化源码：【🔰 Echarts大屏展示大数据平台可视化(150套) 】 🔖 HTML+CSS+JS实例代码： 【🗂️HTML+CSS+JS实例代码 (炫酷特效网页代码) 继续更新
vue3+antd——实现个人中心页面+同步更改头部用户信息——基础积累
yehaocheng520的博客
08-08 2864
vue3+antd——实现个人中心页面+同步更改头部用户信息——基础积累
一个简单的HTML网页 、个人主页网页设计(HTML+CSS)
热门推荐
HTML网页设计
08-19 1万+
🧑个人网页设计、🙋‍♂️个人简历制作、👨‍💼简单静态HTML个人网页作品、👨‍🏭个人介绍网站模板 、等网站的设计与制作。⭐个人网页设计网站模板采用DIV CSS布局制作，网页作品有多个页面，如 :个人介绍（文字页面）、我的作品（图片列表）、个人技能（图文页面）、在线留言（表单页面）CSS样式方面网页整体采用左右布局结构，制作了网页背景图片，导航区域每个导航背景色不同，导航背景色与页面背景呼应。🏅 一套A+的网页应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大......
040-云E办_ 个人中心
weixin_43989347的博客
03-09 857
040-云E办_ 个人中心一、个人中心二、个人中心操作controller 修改信息和密码service 更改密码：三、Bug解决CustomAuthorityDeserializerpojo/admin 一、个人中心 在普通项目中需要获取当前登录用户的信息，一般做法是在登录成功后，将当前用户信息存入session中。在需要使用当前用户的时候从session里面读取。更新用户信息也是直接通过数据库进行相应的更 新。 在Spring Security中要如何获取用户信息和更新用户信息呢？ 在Spring S
html实现个人空间（源码）
xcLeigh
11-04 6773
html实现个人空间，个人空间可以配置自己想听的音乐，个人空间可以配置自己常用的链接，个人空间可以自定义链接类型，在这基础上可以扩展记事本，音乐等。html实现个人主页，html实现个人私密空间。支持扩展配置
第十二章-使用Web部件-世界大学城PPT优秀资料.ppt
11-16
【第十二章 - 使用Web部件】 Web部件是ASP.NET中的一种功能强大的组件，它们允许用户在网页上动态地自定义内容和布局。Web部件源于SharePoint，并在ASP.NET框架中得到了进一步的发展，广泛应用于企业内部的门户站点...
2022年优秀-Internet技术与应用第章-构建和管理Web服务.pptx
11-14
7. **创建虚拟目录**：虚拟目录允许在同一个Web站点下创建多个逻辑上的网站，它们可以指向不同的物理路径，方便组织和管理网站内容。 8. **测试Web网站**：完成配置后，通过浏览器访问网站，检查各项功能是否正常，...
HTML网页设计模板-购物网站（登录、注册、安全设计、个人中心、购物首页、物品展示、意见投诉等等）
03-03
毕业设计、课程设计适用 HTML、css、js代码完整，图片完整，点击可实现网页链接，功能完整。 全套模板，总共包括注册、登录、个人中心首页、实名认证、安全设置、购物车、意见投诉、自营店铺、我的购物券、店铺收藏等56个网站模板页面，可直接使用。
简单个人中心响应式网页模板
01-23
简单个人中心响应式网页模板
炫酷的个人中心页面（Swift版）
04-05
作者ianisme，源码CoolNaviDemo_Swift，简单实现一个炫酷的个人中心界面(Swift版)。 功能如下：1.上下移动头像可以缩小放大 2.用户头像可以点击
网页设计（个人中心，会员开通）
07-15
只实现了个人中心和会员充值部分，其中最上层的top部分是引入到每一页面中去的，处女作，有些简单
个人主页程序简洁漂亮HTML代码
02-04
自己用HTML编写的主页程序，简洁高效，适合当成网页程序作业
静态网页设计课件-第章网站公布与履行(“域名”相关文档)共39张.pptx
11-14
- **标识性功能**：域名可以代表企业或个人的身份，传达产品或服务的信息。例如，选择与企业名称或品牌相关的域名，有助于增强品牌的在线识别度。 **3. 域名的结构** - **顶级域名**：分为国际顶级域名（如 .com, ....
Toggy-Smith:我的GitHub个人资料的配置文件
04-02
GitHub配置文件通常由`.github`目录下的`README.md`文件驱动，这是一个Markdown格式的文件，允许用户使用文本和GitHub特定的语法来创建个性化的介绍页面。此页面可以包括个人信息、头像、链接、项目列表以及关于用户...
Android 个人中心页面前端代码
扮作大侠的博客
06-28 2451
截图： 代码 <?xml version="1.0" encoding="utf-8"?> <LinearLayout android:id="@+id/fragment_setting" xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://sche
橙色的商城个人中心全部页面模板html源码
11-13
这是一套个人商城开发的模板，内容包括个人商城的不同界面信息
计算机导论课件：Chapter 7 The Web and E-mail.pptx
06-20
在"计算机导论课件：Chapter 7 The Web and E-mail"中，本章主要涵盖了互联网技术的基础和应用，包括Web、搜索引擎、电子商务、电子邮件以及网络安全等内容。以下是章节的主要知识点详细解析： 1. **Web Technology...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

YoLo-8

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值