项目实训2-首页中间内容

最新推荐文章于 2022-04-24 17:42:50 发布
最新推荐文章于 2022-04-24 17:42:50 发布
阅读量109 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qianyikang/article/details/118156769
版权

接上一次开始做首页的中间内容
中间部分

 <div class="m-container m-padding-tb-big">
        <div class="ui container">
            <!--            header-->
            <div class="ui stackable grid">
                <!-- 左边           -->
                <div class="eleven wide column">
                    <!--header-->
                    <div class="ui 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-inline-block m-text-thin" > 14 </h3>篇
                            </div>
                        </div>
                    </div>
                    <!--                    -->
                    <div class="ui attached segment">
                        <div class="ui padded vertical segment m-padding-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 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?image=110" alt="" class="ui avatar image">
                                                    <div class="content"><a href="#" class="header">梦一号</a></div>
                                                </div>
                                                <div class="item">
                                                    <i class="calender icon"></i>2017-10-01
                                                </div>
                                                <div class="item">
                                                    <i class="eye icon"></i>9999
                                                </div>
                                            </div>
                                        </div>
                                        <div class="right aligned five wide column">
                                            <a href="#" target="_blank" class="ui teal basic m-padding-tiny m-text-thin label">认知升级</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="five wide column">
                                    <a href="#" target="_blank" >
                                        <img src="https://picsum.photos/id/1/800/400?image=110" alt="" class="ui rounded image">
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="ui padded vertical segment m-padding-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 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?image=110" alt="" class="ui avatar image">
                                                    <div class="content"><a href="#" class="header">梦一号</a></div>
                                                </div>
                                                <div class="item">
                                                    <i class="calender icon"></i>2017-10-01
                                                </div>
                                                <div class="item">
                                                    <i class="eye icon"></i>9999
                                                </div>
                                            </div>
                                        </div>
                                        <div class="right aligned five wide column">
                                            <a href="#" target="_blank" class="ui teal basic m-padding-tiny m-text-thin label">认知升级</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="five wide column">
                                    <a href="#" target="_blank" >
                                        <img src="https://picsum.photos/id/1/800/400?image=110" alt="" class="ui rounded image">
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="ui padded vertical segment m-padding-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 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?image=110" alt="" class="ui avatar image">
                                                    <div class="content"><a href="#" class="header">梦一号</a></div>
                                                </div>
                                                <div class="item">
                                                    <i class="calender icon"></i>2017-10-01
                                                </div>
                                                <div class="item">
                                                    <i class="eye icon"></i>9999
                                                </div>
                                            </div>
                                        </div>
                                        <div class="right aligned five wide column">
                                            <a href="#" target="_blank" class="ui teal basic m-padding-tiny m-text-thin label">认知升级</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="five wide column">
                                    <a href="#" target="_blank" >
                                        <img src="https://picsum.photos/id/1/800/400?image=110" alt="" class="ui rounded image">
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="ui padded vertical segment m-padding-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 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?image=110" alt="" class="ui avatar image">
                                                    <div class="content"><a href="#" class="header">梦一号</a></div>
                                                </div>
                                                <div class="item">
                                                    <i class="calender icon"></i>2017-10-01
                                                </div>
                                                <div class="item">
                                                    <i class="eye icon"></i>9999
                                                </div>
                                            </div>
                                        </div>
                                        <div class="right aligned five wide column">
                                            <a href="#" target="_blank" class="ui teal basic m-padding-tiny m-text-thin label">认知升级</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="five wide column">
                                    <a href="#" target="_blank" >
                                        <img src="https://picsum.photos/id/1/800/400?image=110" alt="" class="ui rounded image">
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="ui padded vertical segment m-padding-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 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?image=110" alt="" class="ui avatar image">
                                                    <div class="content"><a href="#" class="header">梦一号</a></div>
                                                </div>
                                                <div class="item">
                                                    <i class="calender icon"></i>2017-10-01
                                                </div>
                                                <div class="item">
                                                    <i class="eye icon"></i>9999
                                                </div>
                                            </div>
                                        </div>
                                        <div class="right aligned five wide column">
                                            <a href="#" target="_blank" class="ui teal basic m-padding-tiny m-text-thin label">认知升级</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="five wide column">
                                    <a href="#" target="_blank" >
                                        <img src="https://picsum.photos/id/1/800/400?image=110" alt="" class="ui rounded image">
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="ui padded vertical segment m-padding-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 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?image=110" alt="" class="ui avatar image">
                                                    <div class="content"><a href="#" class="header">梦一号</a></div>
                                                </div>
                                                <div class="item">
                                                    <i class="calender icon"></i>2017-10-01
                                                </div>
                                                <div class="item">
                                                    <i class="eye icon"></i>9999
                                                </div>
                                            </div>
                                        </div>
                                        <div class="right aligned five wide column">
                                            <a href="#" target="_blank" class="ui teal basic m-padding-tiny m-text-thin label">认知升级</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="five wide column">
                                    <a href="#" target="_blank" >
                                        <img src="https://picsum.photos/id/1/800/400?image=110" alt="" class="ui rounded image">
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="ui padded vertical segment m-padding-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 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?image=110" alt="" class="ui avatar image">
                                                    <div class="content"><a href="#" class="header">梦一号</a></div>
                                                </div>
                                                <div class="item">
                                                    <i class="calender icon"></i>2017-10-01
                                                </div>
                                                <div class="item">
                                                    <i class="eye icon"></i>9999
                                                </div>
                                            </div>
                                        </div>
                                        <div class="right aligned five wide column">
                                            <a href="#" target="_blank" class="ui teal basic m-padding-tiny m-text-thin label">认知升级</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="five wide column">
                                    <a href="#" target="_blank" >
                                        <img src="https://picsum.photos/id/1/800/400?image=110" alt="" class="ui rounded image">
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="ui padded vertical segment m-padding-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 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?image=110" alt="" class="ui avatar image">
                                                    <div class="content"><a href="#" class="header">梦一号</a></div>
                                                </div>
                                                <div class="item">
                                                    <i class="calender icon"></i>2017-10-01
                                                </div>
                                                <div class="item">
                                                    <i class="eye icon"></i>9999
                                                </div>
                                            </div>
                                        </div>
                                        <div class="right aligned five wide column">
                                            <a href="#" target="_blank" class="ui teal basic m-padding-tiny m-text-thin label">认知升级</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="five wide column">
                                    <a href="#" target="_blank" >
                                        <img src="https://picsum.photos/id/1/800/400?image=110" alt="" class="ui rounded image">
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="ui padded vertical segment m-padding-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 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?image=110" alt="" class="ui avatar image">
                                                    <div class="content"><a href="#" class="header">梦一号</a></div>
                                                </div>
                                                <div class="item">
                                                    <i class="calender icon"></i>2017-10-01
                                                </div>
                                                <div class="item">
                                                    <i class="eye icon"></i>9999
                                                </div>
                                            </div>
                                        </div>
                                        <div class="right aligned five wide column">
                                            <a href="#" target="_blank" class="ui teal basic m-padding-tiny m-text-thin label">认知升级</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="five wide column">
                                    <a href="#" target="_blank" >
                                        <img src="https://picsum.photos/id/1/800/400?image=110" 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 class="five wide column">
                <!--                分类-->
                    <div class="ui segments">
                        <div class="ui secondary segment">
                            <div class="ui two column grid">
                                <div class="column">
                                    <i class="idea icon"></i>分类
                                </div>
                                <div class="right aligned column">
                                    <a href="#" target="_blank">more <i class="angle double right icon"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="ui teal segment">
                            <div class="ui fluid vertical menu">
                                <a href="#" class="item">
                                    学习日志
                                    <div class="ui teal basic left pointing label">13</div>
                                </a>
                                <a href="#" class="item">
                                    学习日志
                                    <div class="ui teal basic left pointing label">13</div>
                                </a>
                                <a href="#" class="item">
                                    学习日志
                                    <div class="ui teal basic left pointing label">13</div>
                                </a>
                                <a href="#" class="item">
                                    学习日志
                                    <div class="ui teal basic left pointing label">13</div>
                                </a>
                                <a href="#" class="item">
                                    学习日志
                                    <div class="ui teal basic left pointing label">13</div>
                                </a>
                                <a href="#" class="item">
                                    学习日志
                                    <div class="ui teal basic left pointing label">13</div>
                                </a>
                            </div>
                        </div>
                    </div>
                <!--                标签-->
                    <div class="ui segments">
                        <div class="ui secondary segment">
                            <div class="ui two column grid">
                                <div class="column">
                                    <i class="tags icon"></i>标签
                                </div>
                                <div class="right aligned column">
                                    <a href="#" target="_blank">more <i class="angle double right icon"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="ui teal segment">
                            <a href="#" target="_blank" class="ui teal basic left pointing label m-margin-tb-tiny">
                                方法论
                                <div class="detail">23</div>
                            </a>
                            <a href="#" target="_blank" class="ui teal basic left pointing label m-margin-tb-tiny">
                                方法论
                                <div class="detail">23</div>
                            </a>
                            <a href="#" target="_blank" class="ui teal basic left pointing label m-margin-tb-tiny">
                                方法论
                                <div class="detail">23</div>
                            </a>
                            <a href="#" target="_blank" class="ui teal basic left pointing label m-margin-tb-tiny">
                                方法论
                                <div class="detail">23</div>
                            </a>
                            <a href="#" target="_blank" class="ui teal basic left pointing label m-margin-tb-tiny">
                                方法论
                                <div class="detail">23</div>
                            </a>
                            <a href="#" target="_blank" class="ui teal basic left pointing label m-margin-tb-tiny">
                                方法论
                                <div class="detail">23</div>
                            </a>
                            <a href="#" target="_blank" class="ui teal basic left pointing label m-margin-tb-tiny">
                                方法论
                                <div class="detail">23</div>
                            </a>
                            <a href="#" target="_blank" class="ui teal basic left pointing label m-margin-tb-tiny">
                                方法论
                                <div class="detail">23</div>
                            </a>
                            <a href="#" target="_blank" class="ui teal basic left pointing label m-margin-tb-tiny">
                                方法论
                                <div class="detail">23</div>
                            </a>

                        </div>
                    </div>
                <!--                最新-->
                    <div class="ui segments m-margin-top-large">
                        <div class="ui secondary segment">
                            <i class="bookmark icon"></i>最新推荐
                        </div>
                        <div class="ui segment">
                            <a href="#" target="_blank" class="m-black m-text-thin">一类是特别开心</a>
                        </div>
                        <div class="ui segment">
                            <a href="#" target="_blank" class="m-black m-text-thin">一类是特别开心</a>
                        </div>
                        <div class="ui segment">
                            <a href="#" target="_blank" class="m-black m-text-thin">一类是特别开心</a>
                        </div>
                        <div class="ui segment">
                            <a href="#" target="_blank" class="m-black m-text-thin">一类是特别开心</a>
                        </div>
                        <div class="ui segment">
                            <a href="#" target="_blank" class="m-black m-text-thin">一类是特别开心</a>
                        </div>
                        <div class="ui segment">
                            <a href="#" target="_blank" class="m-black m-text-thin">一类是特别开心</a>
                        </div>
                        <div class="ui segment">
                            <a href="#" target="_blank" class="m-black m-text-thin">一类是特别开心</a>
                        </div>
                        <div class="ui segment">
                            <a href="#" target="_blank" class="m-black m-text-thin">一类是特别开心</a>
                        </div>

                    </div>
                <!--                二维码-->
                    <h4 class="ui horizontal divider header m-margin-top-large">扫码关注我</h4>
                    <div class="ui centered card" style="width: 11em">
                        <img src="images/aaa.jpg" alt="" class="ui rounded image"  >
                    </div>
                </div>
            </div>
        </div>
    </div>

添加外部链接css


body {
    background: url("../images/bg.png");
}

.m-padded-mini {
    padding: 0.2em !important;
}

.m-padded-tiny {
    padding: 0.3em !important;
}
.m-padded {
    padding: 1em !important;
}
.m-padded-tb-mini {
    padding-top: 0.2em !important;
    padding-bottom: 0.2em !important;
}
.m-padded-tb-tiny {
    padding-top: 0.3em !important;
    padding-bottom: 0.3em !important;
}
.m-padded-tb-small {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
}
.m-padded-tb {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
}
.m-padded-tb-large {
    padding-top: 2em !important;
    padding-bottom: 2em !important;
}
.m-padded-tb-big {
    padding-top: 3em !important;
    padding-bottom: 3em !important;
}
.m-padded-tb-huge {
    padding-top: 4em !important;
    padding-bottom: 4em !important;
}
.m-padded-tb-massive {
    padding-top: 5em !important;
    padding-bottom: 5em !important;
}


.m-padded-lr-responsive {
    padding-left: 4em !important;
    padding-right: 4em !important;
}

/*-------text -----*/

.m-text {
    font-weight: 300 !important;
    letter-spacing: 1px !important;
    line-height: 1.8;
}
.m-text-thin {
    font-weight: 300 !important;
}
.m-text-spaced {
    letter-spacing: 1px !important;
}
.m-text-lined {
    line-height: 1.8;
}

/*-----margin------*/

.m-margin-top-small {
    margin-top:0.5em !important;
}
.m-margin-top {
    margin-top: 1em !important;
}
.m-margin-top-large {
    margin-top: 2em !important;
}

.m-margin-tb-tiny {
    margin-top: 0.3em !important;
    margin-bottom: 0.3em !important;
}

.m-margin-bottom-small {
    margin-bottom: 0.5em !important;

}

/*-----opacity------*/
.m-opacity-mini {
    opacity: 0.8 !important;
}
.m-opacity-tiny {
    opacity: 0.6 !important;
}
/*------position---*/

.m-right-top {
    position: absolute;
    top:0;
    right: 0;
}

/*------display------*/
.m-inline-block {
    display: inline-block !important;
}


/*-----container*/

.m-container {
    max-width: 72em !important;
    margin: auto !important;
}
.m-container-small {
    max-width: 60em !important;
    margin: auto !important;
}

/*------shadow------*/
.m-shadow-small {
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
}

/*------positon-----*/

.m-fixed {
    position: fixed !important;
    z-index: 10 !important;
}

.m-right-bottom {
    bottom: 0 !important;
    right: 0 !important;
}


/*-----color-----*/
.m-black {
    color: #333 !important;
}
.m-teal {
    color: #00B5AD !important;
}



.m-mobile-show {
    display: none !important;
}

@media screen and (max-width: 768px){
    .m-mobile-hide {
        display: none !important;
    }
    .m-mobile-show {
        display: block !important;
    }
    .m-padded-lr-responsive {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .m-mobile-lr-clear {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .m-mobile-wide {
        width: 100% !important;
    }
}

运行效果
在这里插入图片描述
修改导航栏部分使他可以在手机端堆叠
在这里插入图片描述
查看效果在这里插入图片描述

星灵梦境
关注
Spring Boot制作个人博客-标签页
qq_48838980的博客
06-06 404
文章目录1、创建标签页2、更改标题3、更改文章列表标题4、修改标签样式5、正文中添加标签6、整体效果 1、创建标签页 标签页与分类页十分相似，所有我们直接复制分类页进行修改 2、更改标题 3、更改文章列表标题 4、修改标签样式 <div class="ui attached segment m-padded-tb-large"><!--attached贴附--> <a href="#" class="ui teal basic poi
Spring boot实训 个人博客系统一 首页
aqaerw的博客
07-05 355
1. 个人博客介绍: 个人博客的大概内容:博客首页、博客文章、博客管理。实现的各种功能：留言板、回复功能、多级回复功能、标签分类、归档页、关于我页面、搜索、导航页面、后台管理博文。 个人博客思维导图： 需要的代码： 后端：Spring Boot +JPA +thymleaf模板 数据库: MySQL 前端UI: SemanticUI框架 工具与环境: IDEA Maven 3 JDK 8 Axure RP 8 2.功能实现: 1.创建index.html文件: 2.到Sem
SpringBoot个人博客开发（十七）----功能实现6.其余展示
ce121的博客
07-04 323
功能实现6.其余展示 效果图 还是先传html文件内容吧 <!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org/"> <head th:replace="_fragments :: head(~{::title})"> <title>分类</title> </head> <body> <!--导航--> &l
【SpringBoot搭建个人博客】- 其他页面显示（十二）
ONESTARの博客
06-28 1584
博客地址：ONESTARの客栈 源码领取方式一： 扫一扫文末二维码，关注公众号【编程日刊】，后台回复【博客】，即可领取源码 源码领取方式二： 前端页面源码地址：https://github.com/oneStarLR/myblog-page 以jpa为持久层源码地址：https://github.com/oneStarLR/myblog-jpa 以mybatis为持久层源码地址：https://github.com/oneStarLR/myblog-mybaits 欢迎给.
Samatic-ui（一） 博客首页的导航、内容和底部
weixin_48102099的博客
03-20 485
引入依赖 samatic ui官网引入CDN <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>首页</title> <!-- 头部cdn --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.10/semantic.min.css"&.
项目实训---微信小程序选座之界面优化目标
qq_43532482的博客
07-15 308
项目组现在进度是在做小程序界面的优化。 首先说一下优化的目标：由于开发人员对于ps等界面设计软件并不熟悉，所以我们采用像竞品学习的思路，参考猫眼电影的app，此处并不是忽略了猫眼电影的微信小程序，而是两者比对之后，发现，app的界面构成与我们最初的原型图最为接近，且猫眼的微信小程序，界面过于简单与单调，相比而言，app的界面设计更合理，更美观。 先是首页的轮播图，此处可以借鉴的轮播图的尺寸，宽高比例，不一定非要是4：3的比例，有时候扁平化的轮播图，效果...
WEB实训---中国适应气候变化项目（ACCC）（中）
03-29
"（中）"可能意味着这是一个系列实训的中间部分，或者针对的是中文用户群体，内容可能更注重于与中国实际相结合的案例分析和技术实践。 【描述分析】 描述部分简洁地重复了标题，没有提供额外的信息。通常在实训类...
山东大学软件学院项目实训-创新实训-山大软院网络攻防靶场实验平台（七）
weixin_50803761的博客
04-24 2279
SQL注入 delete型
三维动画项目实训① ------（3.24-3.31）
CG_2019的博客
04-04 804
目录 本周工作概括 下周工作预期 本周工作概括 本周主要完成人物的动作设计，场景建模和角色设计 【1】动作设计 该部分主要由yd和ly同学来负责，在原本剧本的基础上增加对动作的细腻描述。 基本过程动作设计是对动画中角色的运动状态进行设计，包含角色性格的定位、动作特征定位等。动作设计必须根据不同角色的性格，内心感情等因素，进行不同的、最具有特征的运动过程设定，从而使得每一个角色的性格和内心感情能...
java代码-大数据 03 实训4-1
07-15
在本实训项目“Java代码-大数据 03 实训4-1”中，我们主要探讨的是使用Java语言处理大数据的相关技术。在这个项目中，我们可能会遇到如何读取、处理、分析以及存储海量数据的挑战。Java作为一种广泛使用的编程语言，...
Spring Boot - 个人博客 - 博客首页
Forlogenの解忧杂货铺
07-09 382
文章目录@[toc]1. 需求分析2. 前端处理2.1 博客列表2.2 分类栏2.3 标签栏2.4 最新推荐3. 后端处理3.1 博客列表3.2 分类栏3.3 标签栏3.4 最新推荐 博客首页 SpringBoot - 个人博客 - 前期准备 Spring Boot - 个人博客 - 前端页面 Spring Boot - 个人博客 - 登录 Spring Boot - 个人博客 - 博客管理 Spring Boot - 个人博客 - 分类/标签管理 1. 需求分析 在前面的几篇博文中对于博客系
springBoot个人博客项目实战——前端首页
qflyIT的博客
02-16 973
前端展示页面 首页 详情页 分类页面 标签页面 归档页面 关于我页面 后台管理 模板页 首页的html 暂时未关联后端 <!DOCTYPE html> <html lang="en" xmlns:th="http://www.w3.org/1999/xhtml"> <head th:replace="_fragments :: head(~{::title...
Spring Boot制作个人博客-前端首页展示
qq_48838980的博客
06-21 520
文章目录一、首页处理 一、首页处理 定义blog 定义type 自定义查询方法 Tag 页面的渲染
excore-0.1.1b0-py3-none-any.whl
最新发布
09-27
excore-0.1.1b0-py3-none-any.whl
基于C语言实现的疫情防疫智能小车消毒机器人设计源码
09-27
该项目为基于C语言开发的疫情防疫智能小车消毒机器人开源源码，总文件量为166个，涵盖35个头文件（.h）、35个源文件（.c）、34个数据文件（.d）、10个Makefile文件（.mk）、2个映射文件（.map）、2个C/C++项目文件（.cproject、.project）、1个启动配置文件（.launch）和1个项目文件（.project）。此设计旨在提高室内消毒效率，适用于走廊等外部干扰较少的环境。通过智能小车的应用，实现了安全高效的消毒作业，减少了人力消耗和消毒盲区。机器人可通过红外循迹技术进行自动导航，并配备一键启动功能，进一步解放劳动力，确保消毒工作的稳定性和可靠性。
《open3d+pyqt》open3d窗口显示到qt中
09-27
《open3d+pyqt》open3d窗口显示到qt中
学生选课系统代码系统 Springboot学生选课系统（程序，中文注释）
09-27
学生选课系统-学生选课系统-学生选课系统-学生选课系统-学生选课系统-学生选课系统-学生选课系统-学生选课系统-学生选课系统-学生选课系统-学生选课系统-学生选课系统 1、资源说明：学生选课系统源码，本资源内项目代码都经过测试运行成功，功能ok的情况下才上传的。 2、适用人群：计算机相关专业(如计算计、信息安全、大数据、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工等学习者，作为参考资料，进行参考学习使用。 3、资源用途：本资源具有较高的学习借鉴价值，可以作为“参考资料”，注意不是“定制需求”，代码只能作为学习参考，不能完全复制照搬。需要有一定的基础，能够看懂代码，能够自行调试代码，能够自行添加功能修改代码。 4. 最新计算机软件毕业设计选题大全(文章底部有博主联系方式): https://blog.csdn.net/2301_79206800/article/details/135931154 技术栈、环境、工具、软件： ① 系统环境:Windows ② 开发语言：Java ③ 框架：SpringBoot ④ 架构:B/S、MVC ⑤ 开发环境:IDE
基于c语言的实现类似弹力球效果.zip
09-27
基于c语言的实现类似弹力球效果.zip
Java小项目实训：架构设计与JVM解析
实训内容不仅限于架构设计，还涵盖了Java编程的基础知识。例如，从Java的发展历程开始，讲解了Java的诞生背景，由Sun Microsystems公司开发，其创始人James Gosling被誉为“Java之父”。Java自1995年发布以来，经过...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值