个人博客制作——其他页面

最新推荐文章于 2024-09-05 15:47:39 发布
最新推荐文章于 2024-09-05 15:47:39 发布
阅读量487 收藏 2
点赞数
分类专栏： SpringBoot Blog
CREATION BY 观山奇
本文链接：https://blog.csdn.net/weixin_45936162/article/details/117822289
版权

在之前已经把首页做好，头部和尾部都是一样的，这样就节省了很多写代码的时间

文章目录

页面制作

1.详情页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>博客详情</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.10/semantic.min.css">
    <link rel="stylesheet" href="./static/css/me.css">
</head>
<body>
    <!-- 导航 -->
    <nav class="ui inverted attached segment m-padded-tb-mini">
        <div class="ui container">
            <div class="ui inverted secondary stackable menu">
                <h2 class="ui teal header item">Blog</h2>
                <a href="#" class="m-item item m-mobile-hide"><i class="home icon"></i> 首页</a>
                <a href="#" class="m-item item m-mobile-hide"><i class="idea icon"></i> 分类</a>
                <a href="#" class="m-item item m-mobile-hide"><i class="tags icon"></i> 标签</a>
                <a href="#" class="m-item item m-mobile-hide"><i class="clone icon"></i> 归档</a>
                <a href="#" class="m-item item m-mobile-hide"><i class="info icon"></i> 关于</a>
                <div class="right m-item item m-mobile-hide">
                    <div class="ui icon inverted transparent input">
                        <input type="text" placeholder="Search...."></input>
                        <i class="search link icon"></i>
                    </div>
                </div>
            </div>
        </div>
        <a href="#" class="ui menu toggle black icon button m-top-right m-mobile-show">
            <i class="sidebar icon"></i>
        </a>
    </nav>

    <!--  中间部分  -->
    <div class="m-container-small m-padded-tb-big">
        <div class="ui container">
            <div class="ui top attached segment">
                <!-- 头部 -->
                <div class="ui horizontal link list">
                    <div class="item">
                        <img src="https://picsum.photos/id/1/100/100" alt="" class="ui avatar image">
                        <div class="content"><a href="#" class="header">观山奇</a></div>
                    </div>
                    <div class="item">
                        日期：
                        2021-6-10
                    </div>
                    <div class="item">
                        浏览量：
                        1000+
                    </div>
                </div>
            </div>
            <div class="ui attached segment">
                <!-- 图片 -->
                <img src="https://picsum.photos/id/1/800/400" class="ui rounded fluid image" alt="">
            </div>
            <div class="ui padded attached segment">
                <!-- 内容 -->
                <div class="ui right aligned basic segment">
                    <div class="ui orange basic label">原创</div>
                </div>

                <h2 class="ui center aligned header">你真的理解什么是财富自由吗？</h2>

                <div style="padding-bottom: 2em;" id="content" class="m-padded-lr-responsive">
                    <h1>1</h1>
                    <p>  正确做好任何一件事情的前提是清晰、正确的理解目标。而事实是，我们很多人很多时候根本没有对目标正确的定义，甚至根本从来就没有想过，只是大家都那么做而已…...</p>
                    <h1>2</h1>
                    <p>  正确做好任何一件事情的前提是清晰、正确的理解目标。而事实是，我们很多人很多时候根本没有对目标正确的定义，甚至根本从来就没有想过，只是大家都那么做而已…...</p>
                    <h1>3</h1>
                    <p>  正确做好任何一件事情的前提是清晰、正确的理解目标。而事实是，我们很多人很多时候根本没有对目标正确的定义，甚至根本从来就没有想过，只是大家都那么做而已…...</p>
                </div>
                <div class="m-padded-lr-responsive">
                    <!-- 标签 -->
                    <div class="ui basic teal left pointing label">方法论</div>
                </div>
                <span>
                    <!-- 赞赏 -->
                    <div class="ui center aligned basic segment">
                        <button id="payBtn" class="ui orange basic circular button">赞赏</button>
                    </div>
                    <div class="ui payQR flowing popup transition hidden">
                        <div class="ui orange basic label">
                            <div class="ui images" style="font-size: inherit !important;">
                                <div class="image" >
                                    <img src="./static/images/QR_csdn.png" alt="" class="ui rounded bordered image" style="width: 120px;">
                                    <div>支付宝</div>
                                </div>
                                <div class="image">
                                    <img src="./static/images/QR_csdn.png" alt="" class="ui rounded bordered image" style="width: 120px;">
                                    <div>微信</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </span>
                
            </div>
            <div class="ui attached positive message">
                <!-- 说明 -->
                <div class="ui middle aligned grid">
                    <div class="eleven wide column">
                        <ul class="list">
                            <li>作者：观山奇1号机</li>
                            <li>发表时间：2021-06-11 16：19</li>
                            <li>版权声明：转载需标注</li>
                        </ul>
                    </div>
                    <div class="five wide column">
                        <img src="./static/images/QR_csdn.png" alt="" class="ui right floated rounded bordered image" style="width: 110px;">
                    </div>
                </div>
            </div>
            <div class="ui bottom attached segment">
                <!-- 评论 -->
                <div class="ui teal segment">
                    <div class="ui comments">
                        <h3 class="ui dividing header">评论</h3>
                        <div class="comment">
                          <a class="avatar">
                            <img src="https://picsum.photos/id/1/100/100">
                          </a>
                          <div class="content">
                            <a class="author">Matt</a>
                            <div class="metadata">
                              <span class="date">Today at 5:42PM</span>
                            </div>
                            <div class="text">
                              How artistic!
                            </div>
                            <div class="actions">
                              <a class="reply">回复</a>
                            </div>
                          </div>
                        </div>
                        <div class="comment">
                          <a class="avatar">
                            <img src="https://picsum.photos/id/1/100/100">
                          </a>
                          <div class="content">
                            <a class="author">Elliot Fu</a>
                            <div class="metadata">
                              <span class="date">Yesterday at 12:30AM</span>
                            </div>
                            <div class="text">
                              <p>This has been very useful for my research. Thanks as well!</p>
                            </div>
                            <div class="actions">
                              <a class="reply">回复</a>
                            </div>
                          </div>
                          <div class="comments">
                            <div class="comment">
                              <a class="avatar">
                                <img src="https://picsum.photos/id/1/100/100">
                              </a>
                              <div class="content">
                                <a class="author">Jenny Hess</a>
                                <div class="metadata">
                                  <span class="date">Just now</span>
                                </div>
                                <div class="text">
                                  Elliot you are always so right :)
                                </div>
                                <div class="actions">
                                  <a class="reply">回复</a>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="comment">
                          <a class="avatar">
                            <img src="https://picsum.photos/id/21/100/100">
                          </a>
                          <div class="content">
                            <a class="author">Joe Henderson</a>
                            <div class="metadata">
                              <span class="date">5 days ago</span>
                            </div>
                            <div class="text">
                              Dude, this is awesome. Thanks so much
                            </div>
                            <div class="actions">
                              <a class="reply">回复</a>
                            </div>
                          </div>
                        </div>
                      </div>
                </div>
                <div class="ui form">
                    <div class="field">
                        <textarea name="content" placeholder="请输入评论信息..."></textarea>
                    </div>
                    <div class="fields">
                        <div class="field m-mobile-wide m-margin-btn-small">
                            <div class="ui left icon input">
                                <i class="user icon"></i>
                                <input type="text" name="nickname" placeholder="姓名">
                            </div>
                            
                        </div>
                        <div class="field m-mobile-wide m-margin-btn-small">
                            <div class="ui left icon input">
                                <i class="mail icon"></i>
                                <input type="text" name="email" placeholder="邮箱">
                            </div>
                        </div>
                        <div class="field m-mobile-wide m-margin-btn-small">
                            <button class="ui teal button m-mobile-wide"><i class="edit icon"></i>发布</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 底部 -->
    <footer class="ui inverted vertical segment m-padded-tb-massive">
        <div class="ui center aligned container">
            <div class="ui inverted divided stackable grid">
                <div class="three wide column">
                    <div class="ui inverted link list">
                        <div class="item">
                            <img src="./static/images/QR_csdn.png" class="ui rounded image" alt="" style="width: 110px">
                        </div>
                    </div>
                </div>
                <div class="three wide column">
                    <h4 class="ui inverted header">最新博客</h4>
                    <div class="ui inverted link list">
                        <a href="#" class="item">用户故事(User Story)</a>
                        <a href="#" class="item">用户故事(User Story)</a>
                        <a href="#" class="item">用户故事(User Story)</a>
                    </div>
                </div>
                <div class="three wide column">
                    <h4 class="ui inverted header">联系我</h4>
                    <div class="ui inverted link list">
                        <a href="#" class="item">Email：tyaojoy@foxmail.com</a>
                        <a href="#" class="item">QQ：211163529</a>
                    </div>
                </div>
                <div class="seven wide column">
                    <h4 class="ui inverted header">Blog</h4>
                    <div class="ui inverted link list">
                        <p class="m-text-thin m-text-spaced m-opacity-mini">这是我的个人博客、会分享关于编程、写作、思考相关的任何内容，希望可以给来到这儿的人有所帮助...</p>
                    </div>
                </div>
            </div>
            <div class="ui inverted section divider"></div>
            <p class="m-text-thin m-text-spaced m-opacity-tiny">Copyright © 2021 Blog Designed by 观山奇</p>
        </div>
    </footer>

<script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/semantic-ui/2.2.10/semantic.min.js"></script>
    
    <script>
        $('.menu.toggle').click(function () {
            $('.m-item').toggleClass('m-mobile-hide');
        });
        $('#payBtn').popup({
            popup: $('.payQR.popup'),
            on: 'click',
            position: 'bottom center'
        })
    </script>
</body>
<!--二维码：https://cli.im/url/info?0297762c270418e77178bc4e7a61378b-->
<!-- 背景图片：https://www.toptal.com/designers/subtlepatterns/ -->
</html>

在这里插入图片描述

2.分类页面

分类页面所使用到的元素，大部分都是之前用到的，直接复用就行

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>分类</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.10/semantic.min.css">
    <link rel="stylesheet" href="./static/css/me.css">
</head>
<body>
    <!-- 导航 -->
    <nav class="ui inverted attached segment m-shadow-small m-padded-tb-mini">
        <div class="ui container">
            <div class="ui inverted secondary stackable menu">
                <h2 class="ui teal header item">Blog</h2>
                <a href="#" class="m-item item m-mobile-hide"><i class="home icon"></i> 首页</a>
                <a href="#" class="m-item item m-mobile-hide"><i class="idea icon"></i> 分类</a>
                <a href="#" class="m-item item m-mobile-hide"><i class="tags icon"></i> 标签</a>
                <a href="#" class="m-item item m-mobile-hide"><i class="clone icon"></i> 归档</a>
                <a href="#" class="m-item item m-mobile-hide"><i class="info icon"></i> 关于</a>
                <div class="right m-item item m-mobile-hide">
                    <div class="ui icon inverted transparent input">
                        <input type="text" placeholder="Search...."></input>
                        <i class="search link icon"></i>
                    </div>
                </div>
            </div>
        </div>
        <a href="#" class="ui menu toggle black icon button m-top-right m-mobile-show">
            <i class="sidebar icon"></i>
        </a>
    </nav>

    <!--  中间部分  -->
    <div class="m-container-small m-padded-tb-big">
        <div class="ui container">
            <!-- header -->
            <div class="ui attached segment">
                <div class="ui middle aligned two column grid">
                    <div class="column">
                        <h3 class="ui teal header">分类</h3>
                    </div>
                    <div class="right aligned column">
                        共<h3 class="ui orange header m-text-thin m-inline-block">14</h3>篇
                    </div>
                </div>
            </div>
            <!-- 标签 -->
            <div class="ui attached segment m-padded-tb-large">
                <div class="ui labeled button m-margin-tb-tiny">
                    <a href="#" class="ui basic button">思考和感悟</a>
                    <div class="ui basic left pointing label">23</div>
                </div>
                <div class="ui labeled button m-margin-tb-tiny">
                    <a href="#" class="ui basic teal button">开发者手册</a>
                    <div class="ui basic teal left pointing label">21</div>
                </div>

                <div class="ui labeled button m-margin-tb-tiny">
                    <a href="#" class="ui basic button">思</a>
                    <div class="ui basic left pointing label">23</div>
                </div>
                <div class="ui labeled button m-margin-tb-tiny">
                    <a href="#" class="ui basic button">悟</a>
                    <div class="ui basic left pointing label">23</div>
                </div>
                <div class="ui labeled button m-margin-tb-tiny">
                    <a href="#" class="ui basic button">学习</a>
                    <div class="ui basic left pointing label">23</div>
                </div>
                <div class="ui labeled button m-margin-tb-tiny">
                    <a href="#" class="ui basic button">思考</a>
                    <div class="ui basic left pointing label">23</div>
                </div>
            </div>
            <!--  -->
            <div class="ui top attached teal segment">
                <div style="padding-left: 2em" class="ui vertical segment m-mobile-lr-clear m-padded-tb-large">
                    <div class="ui mobile reversed stackable grid">
                        <div class="eleven wide column">
                            <h3 class="ui header">你真的理解什么是财富自由吗？</h3>
                            <p class="m-text">正确做好任何一件事情的前提是清晰、正确的理解目标。而事实是，我们很多人很多时候根本没有对目标正确的定义，甚至根本从来就没有想过，只是大家都那么做而已…...</p>
                            <div class="ui stackable grid">
                                <div class="eleven wide column">
                                    <div class="ui mini horizontal link list">
                                        <div class="item">
                                            <img src="https://picsum.photos/id/1/100/100" alt="" class="ui avatar image">
                                            <div class="content"><a href="#" class="header">观山奇</a></div>
                                        </div>
                                        <div class="item">
                                            <i class="calendar icon"></i>
                                            2021-6-10
                                        </div>
                                        <div class="item">
                                            <i class="eye icon"></i>
                                            1000+
                                        </div>
                                    </div>
                                </div>
                                <div class="five wide column">
                                    <a href="#" target="_blank" class="ui teal basic label m-padded-mini m-text-thin">认知升级</a>
                                </div>
                            </div>
                        </div>
                        
                        <div class="five wide column">
                            <a href="#" target="_blank">
                                <img src="https://picsum.photos/id/1/800/400" alt="" class="ui rounded image">
                            </a>
                        </div>  
                    </div>
                </div>

                <div style="padding-left: 2em" class="ui vertical segment m-mobile-lr-clear m-padded-tb-large">
                    <div class="ui mobile reversed stackable grid">
                        <div class="eleven wide column">
                            <h3 class="ui header">你真的理解什么是财富自由吗？</h3>
                            <p class="m-text">正确做好任何一件事情的前提是清晰、正确的理解目标。而事实是，我们很多人很多时候根本没有对目标正确的定义，甚至根本从来就没有想过，只是大家都那么做而已…...</p>
                            <div class="ui stackable grid">
                                <div class="eleven wide column">
                                    <div class="ui mini horizontal link list">
                                        <div class="item">
                                            <img src="https://picsum.photos/id/1/100/100" alt="" class="ui avatar image">
                                            <div class="content"><a href="#" class="header">观山奇</a></div>
                                        </div>
                                        <div class="item">
                                            <i class="calendar icon"></i>
                                            2021-6-10
                                        </div>
                                        <div class="item">
                                            <i class="eye icon"></i>
                                            1000+
                                        </div>
                                    </div>
                                </div>
                                <div class="five wide column">
                                    <a href="#" target="_blank" class="ui teal basic label m-padded-mini m-text-thin">认知升级</a>
                                </div>
                            </div>
                        </div>
                        
                        <div class="five wide column">
                            <a href="#" target="_blank">
                                <img src="https://picsum.photos/id/1/800/400" alt="" class="ui rounded image">
                            </a>
                        </div>  
                    </div>
                </div>
                <div style="padding-left: 2em" class="ui vertical segment m-mobile-lr-clear m-padded-tb-large">
                    <div class="ui mobile reversed stackable grid">
                        <div class="eleven wide column">
                            <h3 class="ui header">你真的理解什么是财富自由吗？</h3>
                            <p class="m-text">正确做好任何一件事情的前提是清晰、正确的理解目标。而事实是，我们很多人很多时候根本没有对目标正确的定义，甚至根本从来就没有想过，只是大家都那么做而已…...</p>
                            <div class="ui stackable grid">
                                <div class="eleven wide column">
                                    <div class="ui mini horizontal link list">
                                        <div class="item">
                                            <img src="https://picsum.photos/id/1/100/100" alt="" class="ui avatar image">
                                            <div class="content"><a href="#" class="header">观山奇</a></div>
                                        </div>
                                        <div class="item">
                                            <i class="calendar icon"></i>
                                            2021-6-10
                                        </div>
                                        <div class="item">
                                            <i class="eye icon"></i>
                                            1000+
                                        </div>
                                    </div>
                                </div>
                                <div class="five wide column">
                                    <a href="#" target="_blank" class="ui teal basic label m-padded-mini m-text-thin">认知升级</a>
                                </div>
                            </div>
                        </div>
                        
                        <div class="five wide column">
                            <a href="#" target="_blank">
                                <img src="https://picsum.photos/id/1/800/400" alt="" class="ui rounded image">
                            </a>
                        </div>  
                    </div>
                </div>
                <div style="padding-left: 2em" class="ui vertical segment m-mobile-lr-clear m-padded-tb-large">
                    <div class="ui mobile reversed stackable grid">
                        <div class="eleven wide column">
                            <h3 class="ui header">你真的理解什么是财富自由吗？</h3>
                            <p class="m-text">正确做好任何一件事情的前提是清晰、正确的理解目标。而事实是，我们很多人很多时候根本没有对目标正确的定义，甚至根本从来就没有想过，只是大家都那么做而已…...</p>
                            <div class="ui stackable grid">
                                <div class="eleven wide column">
                                    <div class="ui mini horizontal link list">
                                        <div class="item">
                                            <img src="https://picsum.photos/id/1/100/100" alt="" class="ui avatar image">
                                            <div class="content"><a href="#" class="header">观山奇</a></div>
                                        </div>
                                        <div class="item">
                                            <i class="calendar icon"></i>
                                            2021-6-10
                                        </div>
                                        <div class="item">
                                            <i class="eye icon"></i>
                                            1000+
                                        </div>
                                    </div>
                                </div>
                                <div class="five wide column">
                                    <a href="#" target="_blank" class="ui teal basic label m-padded-mini m-text-thin">认知升级</a>
                                </div>
                            </div>
                        </div>
                        
                        <div class="five wide column">
                            <a href="#" target="_blank">
                                <img src="https://picsum.photos/id/1/800/400" alt="" class="ui rounded image">
                            </a>
                        </div>  
                    </div>
                </div>
            </div>
            <!-- footer -->
            <div class="ui bottom attached segment">
                <div class="ui middle aligned two column grid">
                    <div class="column">
                        <a href="#" class="ui mini teal basic button">上一页</a>
                    </div>
                    <div class="right aligned column">
                        <a href="#" class="ui mini teal basic button">下一页</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    

    <!-- 底部 -->
    <footer class="ui inverted vertical segment m-padded-tb-massive">
        <div class="ui center aligned container">
            <div class="ui inverted divided stackable grid">
                <div class="three wide column">
                    <div class="ui inverted link list">
                        <div class="item">
                            <img src="./static/images/QR_csdn.png" class="ui rounded image" alt="" style="width: 110px">
                        </div>
                    </div>
                </div>
                <div class="three wide column">
                    <h4 class="ui inverted header">最新博客</h4>
                    <div class="ui inverted link list">
                        <a href="#" class="item">用户故事(User Story)</a>
                        <a href="#" class="item">用户故事(User Story)</a>
                        <a href="#" class="item">用户故事(User Story)</a>
                    </div>
                </div>
                <div class="three wide column">
                    <h4 class="ui inverted header">联系我</h4>
                    <div class="ui inverted link list">
                        <a href="#" class="item">Email：tyaojoy@foxmail.com</a>
                        <a href="#" class="item">QQ：211163529</a>
                    </div>
                </div>
                <div class="seven wide column">
                    <h4 class="ui inverted header">Blog</h4>
                    <div class="ui inverted link list">
                        <p class="m-text-thin m-text-spaced m-opacity-mini">这是我的个人博客、会分享关于编程、写作、思考相关的任何内容，希望可以给来到这儿的人有所帮助...</p>
                    </div>
                </div>
            </div>
            <div class="ui inverted section divider"></div>
            <p class="m-text-thin m-text-spaced m-opacity-tiny">Copyright © 2021 Blog Designed by 观山奇</p>
        </div>
    </footer>

<script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/semantic-ui/2.2.10/semantic.min.js"></script>
    
    <script>
        $('.menu.toggle').click(function () {
            $('.m-item').toggleClass('m-mobile-hide');
        });
    </script>
</body>
<!--二维码：https://cli.im/url/info?0297762c270418e77178bc4e7a61378b-->
<!-- 背景图片：https://www.toptal.com/designers/subtlepatterns/ -->
</html>

在这里插入图片描述

3.标签页

因为标签页和分类页基本相同就没贴代码

在这里插入图片描述

4.归档

在这里插入图片描述

5.关于

在这里插入图片描述

张随恩
关注
专栏目录
开发小而美的个人博客之页面开发
erwaplus的博客
07-02 738
一、技术准备 前端：HTML、CSS、JS、Thymeleaf、Semantic UI 工具：WebStorm 二、前端展示 1、首页 ①首页效果展示 ②首页代码展示 导航栏部分 <nav th:replace="_fragments :: menu(1)" class="ui inverted attached segment m-padded-tb-mini m-shadow-small" > <div class="ui container"> <d
Django制作个人博客——前端页面
weixin_43376839的博客
05-27 2865
我们Django后台已经搭建好了，但是前端页面还没创建好，所以今天要开始写前端了！ 给大家推荐一个写前端的办法：在百度里面搜索bootstrap,点击bootstrap中文网，然后里面有一个组件，组件里面有很多功能，代码已经写好了 直接复制就可以了。 在blog目录下新建一个专门用来写前端的目录叫templates（模板），再在里面新建一个目录blog，在blog里面新建一个HTML文件ind...
个人博客制作——博客管理页面
观山奇的博客
06-14 876
前端显示页面基本写好了，接下来需要完成的是针对文章进行操作的博客管理页面 文章目录页面制作1.博客管理页面2.博客发布页面 页面制作 1.博客管理页面 大致内容就是之前写过的 2.博客发布页面 博客管理页面还使用了非空检验，来判断标题是否为空 $('.ui.form').form({ fields : { title : { identifier: 'title', .
个人博客制作——首页部分
观山奇的博客
06-10 2494
今天正式开始做期末实训：SpringBoot+semantic-UI，实现的是首页
个人博客制作——插件引入
观山奇的博客
06-14 400
页面大部分都已做好，现在进入细节优化。插件的引入 文章目录插件引入1.markdown2.内容排版3.动画引入4.代码高亮5.侧边工具栏及相关插件 插件引入 1.markdown 地址：editor 页面引入插件 修改页面内容 <!-- <textarea name="content" placeholder="博客内容"></textarea> --> <div id="md.
微信小程序页面制作——个人信息
不迁怒，不贰过。小知识，大智慧。
09-05 1844
1. WXML简介 2. WXSS简介 3. 常用组件 4. 页面路径配置 5. view组件 6. image组件 7. rpx单位 8. 样式导入
博客制作流程——初学者
07-11
### 博客制作流程——初学者 #### 一、前言 本文档旨在为初学者提供一份详尽的博客制作指南。通过简单的步骤说明，帮助读者掌握如何搭建一个属于自己的博客网站。本教程将覆盖所需的系统环境配置、软件安装、GitHub...
简单个人网页设计作业 静态HTML个人博客主页——HTML+CSS+JavaScript 明星鹿晗(7页)
08-10
- **`<article>`**：定义独立的内容块，如博客文章、新闻报道等。 - **`<aside>`**：定义与页面主要内容相关的辅助信息。 - **`<footer>`**：定义文档或节的页脚。 - **`<section>`**：定义文档中的独立部分，如章节...
利用HbuilderX制作简单网页： HTML5期末大作业——html5漫画风格个人md
08-10
包括但不限于个人介绍页面、美食分享平台、公司介绍页面、学校宣传页面、旅游指南网站、电商平台展示、宠物养护信息、电器产品推广、茶叶文化介绍、家居设计方案、酒店预订系统、舞蹈艺术展示、动漫爱好分享、服装...
求一个网页设计作业——个人博客(HTML+CSS)
08-10
- **编辑器选择：**兼容多种编辑器，如Dreamweaver、HBuilder、Vscode、Sublime Text等，这不仅方便学生根据个人习惯选择合适的编辑器，也利于代码的学习和调试。 #### 三、网页布局与设计特点 - **布局方式：**...
实训——个人博客
观山奇的博客
06-30 1012
个人博客：页面编写 页面编写   页面采用Semantic-ui框架编写   包括前台博客展示页面和后台博客管理页面两部分
个人博客制作——框架搭建和异常，日志处理
观山奇的博客
06-16 490
现在开始项目的创建 文章目录一.构建框架1.创建项目2.配置项目(1).修改yarm文件(2).修改application.yml文件二. 异常和日志处理1.异常处理(1).新建异常处理页面(2).新建index页面以及运行它的程序(3).实现效果：2.异常处理 一.构建框架 1.创建项目 并引入： devtools web thymeleaf jpa mysql 2.配置项目 (1).修改yarm文件 修改thymeleaf的版本 <properties> <thym.
个人博客处理——页面处理
观山奇的博客
06-21 301
我们现在需要将之前的页面引入到项目中 文章目录页面处理1.将静态文件导入项目2.thymeleaf布局3.修改404页面和500页面**404.html****500.html** 页面处理 1.将静态文件导入项目 2.thymeleaf布局 现在的页面还不能正常运行会报500错误。 需要修改页面里面的内容 将几个页面公共部分提取出来：-fragments.html <!DOCTYPE html> <html lang="en" xmlns:th="http://www.thyme.
weixin286基于SSM框架的童装购买平台微信小程序+ssm.rar
09-13
所有源码，都可正常运行
基于Spring框架的Java Web文章CRUD应用.zip
最新发布
09-13
这是一个基于Spring框架的Java Web应用程序，用于实现文章的增删改查（CRUD）操作。程序集成了JSF前端技术和JPA数据访问层，通过Hibernate实现。PostgreSQl被用作数据库系统。在使用此项目之前，需在__applicationContext.xml__文件中设置数据库的用户名和密码。该项目文件位于src/main/webapp/WEB-INF/文件夹中。该项目使用Maven管理依赖关系、构建源代码和打包应用程序。通过在项目文件夹中打开终端并执行以下命令，可以完成所有这些操作：mvn clean package。该项目使用Tomcat作为应用程序服务器，要运行服务器，请在项目文件夹中打开终端并执行：sh target/bin/webapp。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看reADME.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。
springboot基于Android的酒店预订系统App毕业论文.docx
09-13
springboot基于Android的酒店预订系统App毕业论文.docx
weixin271松江大学城就餐推荐系统设计与实现+ssm.rar
09-13
所有源码，都可正常运行
基于java的保密信息学科平台系统设计与实现.docx
09-13
基于java的保密信息学科平台系统设计与实现.docx
springboot个人博客
07-27
回答: SpringBoot个人博客系统是一个基于SpringBoot框架开发的个人博客平台，它提供了统一功能处理、博客列表页面的实现、博客详情页面的实现、博客的修改和删除功能、博客列表分页功能的实现以及随机加盐的实现等...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值