用HTML編寫阿裡雲

来源:https://www.cnblogs.com/yangkaiming/archive/2018/04/30/8974029.html
-Advertisement-
Play Games

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="../css/reset.css"/> <link rel="stylesheet" h ...


<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="../css/reset.css"/>
    <link rel="stylesheet" href="../css/aliyun.css"/>
</head>
<body>
<!--導航欄-->
<header>
    <div>
        <nav>
            <img src="../images/TBheader_logo.png" alt=""/>
            <a href="">註冊有禮</a>
            <a href="">登錄</a>
            <a href="">備案</a>
            <a href="">控制台</a>
        </nav>
    </div>
</header>
<!--雲市場-->
<div class="yunshichang">
    <div class="yunshichang-top">
        <img src="../images/TB1B5cJLXXXXXbVaXXXXXXXXXXX-400-168.jpg" alt=""/>
        <div>
            <div class="fuwu">
                <p>在此輸入你需要的服務</p>
                <a href="">搜全部</a>
            </div>
            <span>發佈定製需求</span>
            <span>管理我的服務</span>
            <div class="wangzhan">
                <a href="">PHP運行環境</a>
                <a href="">JAVA運行環境</a>
                <a href="">全能環境</a>
                <a href="">linux環境配置</a>
                <a href="">數據遷移</a>
                <a href="">清除木馬</a>
                <a href="">微網站</a>
            </div>
        </div>
    </div>
    <div class="yunshichang-bottom">
        <div><p><strong>雲市場分類</strong></p></div>
        <div>
            <a href="">基礎軟體</a>
            <a href="">代維&服務</a>
            <a href="">網站建設</a>
            <a href="">企業應用</a>
            <a href="">雲安全</a>
            <a href="">數據及API</a>
        </div>
    </div>

</div>
<!--雲市場分類-->
<div class="shichangfenlei">
    <div>
        <ul>
            <li>
                <span>精美模板</span><span>企業展示</span><span>電子商務</span>
            </li>
            <li>
                <span>網站定製</span><span>企業官網</span><span>電商網站</span>
                <span>手機網站</span><span>移動APP</span><span>社區論壇</span>
                <span>信息門戶</span><span>精選建站</span>
            </li>
            <li>
                <span>網站素材設計</span><span>LOGO設計</span>
                <span>海報設計</span>
            </li>
            <li>
                <span>網站服務</span><span>網站改版</span><span>店鋪代運營</span>
            </li>
            <li>
                <span>個性化網站定製</span><span>查看攻略</span><span>提交需求</span>
            </li>
        </ul>
    </div>

</div>
<!--找商品-->
<div class="zhaoshangping">
    <div><p><strong>找商品·輕鬆挑</strong></p></div>
    <div>
        <figure><img src="../images/TB1oP6tHFXXXXXUapXXAAT2HVXX-63-63.png" alt=""/>
            <figcaption>精美模板</figcaption>
        </figure>
        <figure><img src="../images/TB1XNwNHpXXXXa1XVXXAAT2HVXX-63-63.png" alt=""/>
            <figcaption>官網定製</figcaption>
        </figure>
        <figure><img src="../images/TB1woESHpXXXXXSXpXXAAT2HVXX-63-63.png" alt=""/>
            <figcaption>電商網站</figcaption>
        </figure>
        <figure><img src="../images/TB11GsPHpXXXXciXFXXAAT2HVXX-63-63.png" alt=""/>
            <figcaption>手機網站</figcaption>
        </figure>
        <figure><img src="../images/TB1t.ARHpXXXXb0XpXXAAT2HVXX-63-63.png" alt=""/>
            <figcaption>移動APP</figcaption>
        </figure>
        <figure><img src="../images/TB17s7UHpXXXXa1XXXXAAT2HVXX-63-63.png" alt=""/>
            <figcaption>素材設計</figcaption>
        </figure>
        <figure><img src="../images/TB17s7UHpXXXXa1XXXXAAT2HVXX-63-63.png" alt=""/>
            <figcaption>信息門戶</figcaption>
        </figure>
        <figure><img src="../images/TB1t.ARHpXXXXb0XpXXAAT2HVXX-63-63.png" alt=""/>
            <figcaption>社區論壇</figcaption>
        </figure>
    </div>
</div>
<!--企業官網定製-->
<div class="qiye">
    <div>
        <span><strong>IF企業官網定製</strong></span>
        <span>提供量身定製的建站服務，設計師專人對接，服務流程全程監管。</span>
        <a href="">發佈定製需求，更多官網方案></a>
    </div>
    <div class="qiye-bottom">
        <div>
            <img src="../images/TB1yvfuHVXXXXaXXXXXwu0bFXXX.png" alt=""/>
            <div>
                <p>企業官網定製</p>
            </div>
        </div>
        <div>
            <div>
                <p><strong>雲·定製企業官網</strong></p>
                <p>【雙十一銷冠】 【建站市場最佳選擇獎】</p>
            </div>
            <img src="../images/TB1HG.uOXXXXXXmaFXXXXXXXXXX-380-266.jpg" alt=""/>
        </div>
        <div class="disan">
            <div class="shangmian">
                <div class="qiyeshang">
                    <p><strong>企業建站</strong></p>
                    <p>pc+手機+微信三站合一</p>
                    <img src="../images/TB1GwwiOXXXXXaVapXXXXXXXXXX-240-108.jpg" alt=""/>
                </div>
                <div class="jianzhan">
                    <p><strong>中國好建站</strong></p>
                    <p>6000家企業用戶強力推薦</p>
                    <img src="../images/TB1yKZpNFXXXXb.XpXXXXXXXXXX-215-106.jpg" alt=""/>
                </div>
            </div>
            <div class="ximian">
                <div class="zizu">
                    <p><strong>企業官網自足版</strong></p>
                    <p>傻瓜式後臺，可視化操作</p>
                    <img src="../images/TB1sGfyNVXXXXXbXVXXXXXXXXXX-213-105.png" alt=""/>
                </div>
                <div class="gexing">
                    <p><strong>個性定製企業官網</strong></p>
                    <p>最給力的一波促銷，重磅來襲！</p>
                    <img src="../images/TB17XRhOpXXXXXFXpXXXXXXXXXX-234-105.jpg" alt=""/>
                </div>
            </div>
        </div>
    </div>
</div>
<!--圖片-->
<div class="tupian">
    <img src="../images/TB1eriAHVXXXXc6XVXXO8z25XXX-1200-90.png" alt=""/>
</div>
<!--服務商推薦-->
<div class="fuwushang">
    <div><p><strong>服務商推薦</strong></p></div>
    <div>
        <div class="biejing">
            <img src="../images/TB1aB3MHVXXXXbMXpXXwu0bFXXX.png" alt=""/>
            <p>北京雲夢網路科技有限公司，基於雲計算的企業網站建設專家，表，</p>
        </div>
        <div class="hangz">
            <img src="../images/TB14LSPIpXXXXXYXFXXwu0bFXXX.png" alt=""/>
            <p>杭州緋色網路科技有限公司這四年來一直專註“企業建站”</p>
        </div>
        <div class="guang">
            <img src="../images/TB1EUoMHVXXXXb0XpXXSutbFXXX.jpg" alt=""/>
            <p>廣州友會網路科技有限公司建築靠譜的網站！基於雲計算，專業級</p>
        </div>
        <div class="shan">
            <img src="../images/TB14C51IFXXXXc8XpXX0p7L0VXX-396-240.png" alt=""/>
            <p>陝西暢通網路科技有限公式十年建站，專業技術團隊，設計</p>
        </div>
        <div class="chang">
            <img src="../images/TB1Ei1wNVXXXXasXFXXXXXXXXXX-110-50.jpg" alt=""/>
            <p>長沙海商網路技術有限公司15年始終乘坐讓電商，更簡單的理</p>
        </div>
    </div>
</div>
<!--雲市場服務保障體系-->
<div class="yunbao">
    <div>
        <p>雲市場服務保障體系</p>
    </div>
    <div class="jiaoyi">
        <div>
            <img src="../images/TB1rc6lKpXXXXXTXFXXXXXXXXXX-34-34.png" alt=""/>
            <p><strong>擔保交易</strong></p>
            <span>全程擔保交易，先驗貨後大款，保證用戶資金的100%安全</span>
        </div>
        <div>
            <img src="../images/TB112m2KFXXXXceXVXXXXXXXXXX-34-34.png" alt=""/>
            <p><strong>不滿意全額退款</strong></p>
          <span> 在軟體購物過程中不滿於全額退款，確保商品的滿意度達100%</span>
        </div>
        <div>
            <img src="../images/TB1jlGYKFXXXXauaXXXXXXXXXXX-34-34.png" alt=""/>
            <p><strong>服務全程監控</strong></p>
            <span>監督全程透明，運維產品全程錄屏，保證用戶享受100%的服務保障</span>
        </div>
        <div>
            <img src="../images/TB1URKWKFXXXXawaXXXXXXXXXXX-34-34.png" alt=""/>

            <p><strong>優質服務商家</strong></p>
            <span>與平臺上的商家共同實現行業自律，保障100%優質商家與商品入駐</span>
        </div>
    </div>
</div>
<!--關於我們-->
<div class="guanyuwo">
    <div>
        <ul>
            <li>
                關於我們
                <a href="">
                    <p>雲市場簡介</p>
                </a><a href="">
                <p>雲市場動態</p>
            </a><a href="">
                <p>線下活動</p>
            </a>
            </li>
            <li>
                服務保障
                <a href="">
                    <p>不滿以全額退款</p>
                </a><a href="">
                <p>交易過程擔保</p>
            </a><a href="">
                <p>服務全程監管</p>
            </a>
            </li>
            <li>
                合作伙伴
                <a href="">
                    <p>服務商入駐</p>
                </a><a href="">
                <p>服務商入駐流程</p>
            </a><a href="">
                <p>商家管家規範</p>
            </a>
            </li>
            <li>
                幫助中心
                <a href="">
                    <p>維修服務常見問題</p>
                </a><a href="">
                <p>建站市場常見問題</p>
            </a><a href="">
                <p>鏡像常見問題</p>
            </a>
            </li>
        </ul>
    </div>
    <div class="kefu">
        <div>
            <img src="../images/TB1Xk6pKpXXXXakXpXXXXXXXXXX-40-38.png" alt=""/>
            <p>雲市場官方售前客服</p>
            <a href="">點擊與客服對話</a>
        </div>
        <div>
            <img src="../images/TB1cLnnKFXXXXXRXXXXXXXXXXXX-36-37.png" alt=""/>
            <p>95187轉1</p>
            <p>官方售前5*8客服電話</p>
        </div>
    </div>
</div>
<div class="zhuce">
    <a href="">免費註冊，想新手禮包</a>
</div>
<!--頁腳-->
<div class="green">
<a href="">
<aside>點我提問</aside>
</a>
</div>
<footer>
    <div>
        <a href="">關於我們</a>
        <a href="">法律聲明</a>
        <a href="">廉政舉報</a>
        <a href="">友情鏈接</a>
    </div>
    <div>
        <p>阿裡巴巴 淘寶網 天貓 聚划算 全球數買通 阿裡巴巴國際交易市場 1688 阿裡巴巴國際交易市場 1688 阿裡媽媽 飛豬 阿裡雲計算</p>
        <p>@2009-2016Aliyun.com 版權所有ICP：折B2-20080101</p>
    </div>
    <div>搜索</div>
</footer>
</body>
</html>
以下時css樣式

/*頭部*/
body{
    background-color: #f8f8f8;
}
header{
    width: 100%;
    height: 32px;
    background-color: #373d41;
}
a{
    text-decoration: none;
}
li{
    list-style: none;
}
nav{
    line-height: 32px;
}
header>div{
    width: 1200px;
    height: 32px;
    margin: 0 auto;
    line-height: 32px;
}
nav>img{
    width: 66px;
    float: left;
    padding-top: 10px;
}
nav>a{
    float: right;
    color: white;
    margin-left:30px ;
    padding: 0 42px;
}
nav>a:hover{
    background-color: #00c0dd;
}
.yunshichang{
    width: 100%;
    height: 128px;
    background-color: #fdfdfd;
    margin-top: 20px;
}
/*雲市場上邊*/
.yunshichang-top{
    width: 1200px;
    height: 86px;
    margin: 0 auto;
    overflow: hidden;
}
.yunshichang-top>img{
    width: 100px;
    float: left;
    overflow: hidden;
}
.fuwu{
    border: 1px solid gray;
    width: 634px;
    height: 28px;
    margin-left: 160px;
    float: left;
    overflow: hidden;
}
.fuwu>p{
    color: gray;
    float: left;
    line-height: 28px;
}
.fuwu>a{
    line-height: 28px;
    float: right;
    color: white;
    background-color: #00c0dd;
}

.yunshichang-top span{
    font-weight: 800;
    float: right;
    color: #00c0dd;
    margin-right: 6px;
    border: 1px solid#00c0dd;
}
.wangzhan>a{
    color: gray;
    margin-right:20px ;
    font-size: 14px;

}
.wangzhan{
    float: left;
    margin-left:168px ;
    margin-bottom: 16px;
    margin-top: 10px;
}
/*雲市場下邊*/
.yunshichang-bottom{
    width: 1200px;
    height: 44px;
    margin: 0 auto;
}

.yunshichang-bottom>div:first-child>p{
    background-color: #00c0dd;
    color: white;
    width: 242px;
    height: 43px;
    line-height: 43px;
    font-size: 18px;
    padding-left: 10px;
    float: left;
}
.yunshichang-bottom>div:nth-child(2)>a{
    color: black;
    font-size: 18px;
    font-weight: 800;
    margin-left: 38px;
    line-height:43px ;

}
.yunshichang-bottom>div:nth-child(2)>a:hover{
    color: #00c0dd;
}
/*市場分類*/
.shichangfenlei{
    margin: 0 auto;
    width: 1200px;
    height: 300px;
    background-image: url("../images/TB15PQ5OXXXXXb7XpXXXXXXXXXX-1200-300.jpg");
    background-position: center;
}
.shichangfenlei>div>ul{
    width: 251px;
    height: 300px;
    background-color: #00c0dd;
    border-top: 1px solid white;

}
.shichangfenlei>div>ul>li>span{
    font-size: 16px;
    margin-right: 16px;
    color: white;
    font-weight: 700;

}
.shichangfenlei>div>ul>li{
    border-top: 1px solid white;
    display: inline-block;
    padding-top: 10px;
    padding-left:10px ;
}
.shichangfenlei>div>ul>li>span:hover{
    color: red;
}
/*找商品*/
.zhaoshangping{
    width: 1200px;
    height: 164px;
    margin: 0 auto;
    background-color: #ffffff;
}
.zhaoshangping>div:first-child{
   background-color: #f7f7f7;
    height: 44px;
    line-height: 44px;
}
.zhaoshangping>div:first-child>p{
    font-size: 18px;
    width: 124px;
    background: linear-gradient(to right,red,blue);
}
.zhaoshangping>div:last-child>figure{
    float: left;
    padding: 28px 42px 22px 42px;
}
.zhaoshangping>div:last-child>figure:not(:last-child){
    border-right: 1px solid gainsboro;
}
.zhaoshangping>div:last-child>figure:hover{
    background-color: #00c0dd;
}
/*企業官網定製*/
.qiye{
    height: 450px;
    width: 1200px;
    margin: 0 auto;
    margin-top: 20px;
    overflow: hidden;
    background-color: #ffffff;
}
.qiye>div:first-child{
    line-height: 60px;
    overflow: hidden;
}
.qiye>div:first-child>span{
    float: left;
    margin-right: 10px;
}
.qiye>div:first-child>span:first-child {
    font-size: 22px;
    background: linear-gradient(to right, red, blue);
}
.qiye>div:first-child>span:nth-child(2){
    color: gray;
    font-size: 14px;
}
.qiye>div:first-child>a{
    float: right;
    color: #00c0dd;
    font-size: 16px;
}
/*企業下邊*/
.qiye-bottom{
    width: 1400px;
    height: 350px;
    margin: 0 auto;
    margin-top: 24px;
    overflow: hidden;
}
.qiye-bottom>div:first-child>img{
    width:240px;
    background-color: #fdeacd;
}
.qiye-bottom>div:first-child>div{
    width: 240px;
    height: 123px;
    background-color: #fbdeb4;
}
.qiye-bottom>div:first-child>div>p{
    line-height: 123px;
    text-align: center;
    color:orangered;
}
.qiye-bottom>div:first-child{
    float: left;
    margin-right:50px ;
}
.qiye-bottom>div:nth-child(2){
    height: 348px;
    width: 383px;
    float: left;
    margin-right: 52px;
    overflow: hidden;
}
.qiye-bottom>div:nth-child(2)>div>p{
    text-align: center;
    margin-bottom: 4px;
}
.qiye-bottom>div:nth-child(2)>div>p:first-child{
    font-size: 28px;
}
.qiye-bottom>div:nth-child(2)>div>p:last-child{
    font-size: 18px;
    color: gray;
}
.disan{
    width: 474px;
    /*height: 347px;*/
    overflow: hidden;
    float: left;
}
.qiyeshang{
    float: left;
    margin-right: 10px;
}
.zizu{
    overflow: hidden;
    float: left;
    margin-right: 20px;
}
.gexing{
    overflow: hidden;
}
.ximian{
    float: left;
}
.shangmian{
    margin-bottom: 18px;
}
.disan p{
    text-align: center;
    margin-top: 5px;
}
.qiye p{
    text-shadow: 2px 3px 3px orange;
}
.qiye p:hover{
    color: red;
}
.tupian{
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
}
/*服務商推薦*/
.fuwushang{
    width: 1200px;
    height: 400px;
    margin: 0 auto;
    margin-top: 20px;
    background-color: #ffffff;
}
.fuwushang>div:first-child>p{
    font-size: 16px;
    text-shadow: 2px 3px 3px green;
    line-height: 54px;
}
.fuwushang>div:first-child>p:hover{
    color: yellow;
}
.fuwushang>div:nth-child(2){
    height: 200px;
    width: 1200px;
    margin: 0 auto;
    border-top: 1px solid gainsboro;
    margin-bottom:28px ;
}
.fuwushang img{
    width: 238px;
    height: 173px;
    object-fit: contain;
}
.fuwushang p{
    width: 238px;
    height: 93px;
    text-align: center;
    text-shadow: 3px 4px 4px red;
}
.fuwushang p:hover{
    color: blue;
}
.biejing{
    float: left;
    border-right: 1px solid gainsboro;
}
.hangz{
    float: left;
    border-right: 1px solid gainsboro;
}
.guang{
    float: left;
    border-right: 1px solid gainsboro;
}
.shan{
    float: left;
    border-right: 1px solid gainsboro;
}
.chang{
    float: left;
}
/*雲市場服務保障體系*/
.yunbao{
    width: 1200px;
    height: 156px;
    margin: 0 auto;
    background-color: #ffffff;
}
.yunbao>div:first-child>p{
    text-align: center;
    color: gray;
    font-size: 18px;
    line-height: 50px;
}
.jiaoyi>div:first-child{
    width:260px ;
    height: 105px;
    float: left;
    margin-right: 46px;
}
.jiaoyi>div:nth-child(2){
    width:260px ;
    height: 105px;
    float: left;
    margin-right: 46px;
}
.jiaoyi>div:nth-child(3){
    width:260px ;
    height: 105px;
    float: left;
    margin-right: 46px;
}
.jiaoyi>div:nth-child(4){
    width:260px ;
    height: 105px;
    float: left;
}
.jiaoyi p,span:hover{
    color: goldenrod;
}

/*關於我們*/
.guanyuwo{
    width: 1200px;
    height: 216px;
    background-color: #ffffff;
    margin: 0 auto;
    margin-top: 30px;
    overflow: hidden;
}
.guanyuwo ul>li{
    width:136px ;
    height: 174px;
    float: left;
    text-align: center;
    padding-top: 44px;
}
.guanyuwo ul>li>a>p{
    padding-top: 20px;
    color: black;
}
.guanyuwo ul>li>a>p:hover{
    color: purple;
}
.kefu{
    width: 267px;
    height: 216px;
    float: right;
    border-left: 1px solid gainsboro;
    padding-left: 36px;
}
.kefu>a{
    color: #00c0dd;
}
.zhuce{
    width: 1200px;
    text-align: center;
    margin-top: 35px;
    margin-bottom: 32px;
}
.zhuce>a{
    background-color: #00c0dd;
    width: 200px;
    height: 36px;
    color: white;
    font-size: 18px;
}
/*頁腳*/
footer{
    width: 1200px;
    height: 208px;
    margin: 0 auto;
    background-color: #f5f6f6;
}
footer a{
    color: gray;
    font-size: 20px;
    margin-right: 10px;
}
footer a:hover{
    color: red;
}
footer p{
    margin-top: 10px;
    color: gray;
}
footer>div:first-child{
    float: left;
}
footer>div:nth-child(2){
    float: left;
}
footer>div:last-child{
    width: 222px;
    height: 30px;
    border: 1px solid gainsboro;
    float: right;
}
footer>div:last-child:hover{
    background: linear-gradient(to right,blue,gold,red,green);
}
.green aside{
    height: 50px;
    width: 50px;
    background-color: #00c0dd;
    position: fixed;
    right: 30px;
    bottom: 100px;
    text-align: center;
    color: white;
    border-radius: 50%;
}

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 獲取TypeScript的聲明文件.d.ts
    一、TypeScript的聲明文件就像C/C++用.h文件。當使用TypeScript調用其他已經編寫好的類庫時，可以提供IntelliSense智能提示。 二、使用npm指令來獲取.d.ts文件 運行後在type/jquery目錄下生成4個文件：index.d.ts,lincense,packag ...
  • CSS之精靈圖與字體圖標
    本文內容： 精靈圖 字體圖標 首發日期：2018-05-01 精靈圖： 在以前，每個圖片資源都是獨立的一張張圖片，瀏覽器訪問網站中的不同網頁時是重覆獲取這一張張圖片的，這代表需要訪問很多次資源。 為了減少資源的訪問次數，將多個常用的圖片集合到一張圖片中（網頁的緩存機制是會略去本地已經有的資源，如果前... ...
  • CSS之表格邊框合併、兄弟標簽外邊距合併、父子標簽的外邊距合併
    本文內容： 表格邊框合併 兄弟標簽外邊距合併 父子標簽的外邊距合併 首發日期：2018-05-01 表格邊框合併： 發生情況： 當設置了cellpadding="0" cellspacing="0"後，表格的相鄰邊框會合併，使得邊框變粗了。 解決方案： 在table標簽中設置border-colla ...
  • 在Vue項目裡面使用d3.js
    之前寫一個 Demo裡面 有些東西要使用d3實現一些效果 但是在很多論壇找資源都找不到可以在Vue裡面使用D3.js的方法,npm 上面的D3相對來說 可以說是很不人性化了 完全沒有說 在webpack上怎麼使用D3.js 最後折騰很久 看到某位外國大佬 看他的案例 成功的實現了在Vue項目裡面實現 ...
  • 瞭解Web及網路基礎
    一，HTTP的歷史 1，HTTP的概念 HTTP（HyperText Transfer Protocol，超文本傳輸協議）是一種通信協議，它允許將超文本標記語言（HTML）文檔從Web伺服器傳送到客戶端（如瀏覽器） 它是一個應用層的協議，承載於TCP之上 由請求和響應構成，是一個標準的客戶端伺服器模 ...
  • Vue2.0搭建腳手架流程
    介紹 Vue.js是一套構建用戶界面的漸進式框架。Vue 只關註視圖層，採用自底向上增量開發的設計。Vue 的目標是通過儘可能簡單的 API 實現響應的數據綁定和組合的視圖組件。 安裝node.js 從node官網下載並安裝node，安裝步驟很簡單，只要一路“next”就可以了。安裝完成後，打開命令 ...
  • HTML5基礎知識總結(一)
    新增的標簽和屬性 1、結構標簽 article section aside nav header footer hgroup figure address 2、媒體標簽 video audio embed 3、表單屬性 email url number range ...
  • html之css選擇器學習
    相關內容： 首發時間：2018-03-02 修改： 什麼是css選擇器： 介紹： css可以設置標簽的樣式，為了更好的設置樣式以及為了方便給某些標簽指定樣式（批量的給某些標簽增加樣式），所以有了css選擇器，css選擇器可以篩選出指定的標簽。篩選出來之後就可以給對應的標簽設置樣式。 css選擇器的語 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類