校园论坛h5

🔎这里是【前端网页】,关注我学习前端不迷路
👍如果对你有帮助,给博主一个免费的点赞以示鼓励
欢迎各位🔎点赞👍评论收藏⭐️

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>云安院社区</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="main">
        <div class="left_sizw">
            <div class="logo_pic">
                <img src="/images/logo.jpg" alt="">
            </div>
            <div class="text_logo">
                <p>云安院社区</p>
                <p>管理员:username521</p>
            </div>
            <div class="menu_nav">
                <p class="nav">菜单</p>
                <div class="menu_list-box">
                    <ul>
                        <li class="active">
                            <a href="/index01.html"  target="if">
                                <svg t="1658664983618" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2250" width="200" height="200"><path d="M555.541333 117.994667l312.874667 224.565333A117.333333 117.333333 0 0 1 917.333333 437.866667V800c0 64.8-52.533333 117.333333-117.333333 117.333333H640V746.666667c0-70.688-57.312-128-128-128s-128 57.312-128 128v170.666666H224c-64.8 0-117.333333-52.533333-117.333333-117.333333V437.877333a117.333333 117.333333 0 0 1 48.917333-95.317333l312.874667-224.565333a74.666667 74.666667 0 0 1 87.082666 0z" p-id="2251" fill="#9195A1"></path></svg>
                                首页
                            </a>
                        </li>
                        <li>
                            <a href="/post_list.html" target="if">
                                <svg t="1658666504920" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18847" width="200" height="200"><path d="M838.6 492.6c0-92.1-38.6-175.1-100.7-234.2H286.1c-62.1 59-100.7 142.1-100.7 234.2 0 114.6 59.9 215.3 150.3 273h352.5c90.5-57.7 150.4-158.4 150.4-273z" fill="#9195A1" p-id="18848"></path></svg>
                                茶话会
                            </a>
                        </li>
                        <li>
                            <a href="/leaving.html" target="if">
                                <svg t="1658666286159" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10917" width="200" height="200"><path d="M864 122H160c-52.9 0-96 43.1-96 96v448c0 52.9 43.1 96 96 96h203.5L512 902l148.4-140H864c52.9 0 96-43.1 96-96V218c0-52.9-43.1-96-96-96zM288 506c-35.3 0-64-28.6-64-64 0-35.3 28.7-64 64-64s64 28.7 64 64c0 35.4-28.7 64-64 64z m224 0c-35.3 0-64-28.6-64-64 0-35.3 28.7-64 64-64s64 28.7 64 64c0 35.4-28.7 64-64 64z m224 0c-35.3 0-64-28.6-64-64 0-35.3 28.7-64 64-64s64 28.7 64 64c0 35.4-28.7 64-64 64z" fill="#9195A1" p-id="10918"></path></svg>
                                留言墙
                            </a>
                        </li>
                        <li>
                            <a href="/reward .html" target="if">
                                <svg t="1658666374376" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14664" width="200" height="200"><path d="M400.664829 430.477331h223.68363v34.206124H400.664829z" fill="#9195A1" p-id="14665"></path><path d="M512.003612 0C229.231423 0 0.000903 229.23052 0.000903 511.995484c0 282.773995 229.23052 512.004516 512.002709 512.004516 282.763158 0 511.993678-229.23052 511.993679-512.004516C1023.999097 229.23052 794.768577 0 512.003612 0z m-25.203941 718.982451c-20.580028 17.139186-46.338479 31.982672-77.289801 44.516006-30.942291 12.54056-76.924945 22.957009-137.924481 31.245736-4.000769-17.211435-15.222791-37.592779-33.658841-61.154871 48.197075-1.988644 86.671288-6.571015 115.435283-13.765174 28.762188-7.186935 54.896331-19.396957 78.382561-36.635485 23.493455-17.227691 37.910673-48.240424 43.248043-93.032782 23.625309 6.457223 47.248812 12.914446 70.87412 19.380701-18.79368 55.821114-38.488663 92.299458-59.066884 109.445869zM309.315441 533.597831h406.384212a953.425711 953.425711 0 0 0-2.47271 69.028168c0 23.639759 0.823635 47.474589 2.47271 71.499071h-64.281431v-91.027882H373.60229v100.882598H309.315441c1.649075-28.346758 2.47271-53.830664 2.47271-76.44991 0-22.568672-0.823635-47.207269-2.47271-73.932045z m27.062538-152.576507h352.259136v130.686972H336.377979c1.649075-26.695877 2.47271-49.725134 2.47271-69.06971 0-19.216335-0.823635-39.762045-2.47271-61.617262z m393.209671 411.248353c-36.377196-26.77535-97.703657-57.596625-183.993833-92.454793 13.393094-19.893666 24.578991-36.758307 33.572141-50.592118 77.50474 30.308309 141.881901 62.53482 193.133288 96.677726-16.057263 14.626739-30.292053 30.077113-42.711596 46.369185z m47.65521-374.108934h-64.286849v-63.974375h-400.889703v73.818253H247.777652c1.649075-25.02332 2.463679-46.39989 2.463679-64.120677 0-19.147699-0.814604-38.858937-2.463679-59.151777h123.073771c-19.606478-20.578222-38.48505-42.814551-56.632105-66.718017 16.066294-10.606102 32.139812-21.203173 48.2043-31.809275 24.736132 24.736132 46.50465 52.797508 65.303749 84.173291-12.89819 8.873941-23.68672 13.645964-32.372814 14.355807h86.226959c0-29.154137-0.807379-61.97128-2.431167-98.449624h66.718016c-1.621982 31.932098-2.429361 64.747435-2.42936 98.449624h59.106621c26.036608-38.28456 42.1896-69.479722 48.439108-93.589096 25.464037 11.848779 49.497551 21.248328 72.089704 28.207679-17.756912 16.030169-37.442863 37.823975-59.070497 65.381417h113.237117c-1.647269 19.47643-2.470904 37.562074-2.470904 54.246093 0.001806 15.419668 0.825441 35.148969 2.47271 59.180677z" fill="#9195A1" p-id="14666"></path></svg>
                                打赏博主
                            </a>
                        </li>
                        <li>
                            <a href="/about.html" target="if">
                                <svg t="1658666423251" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17325" width="200" height="200"><path d="M512 992C246.912 992 32 777.088 32 512 32 246.912 246.912 32 512 32c265.088 0 480 214.912 480 480 0 265.088-214.912 480-480 480z m-59.072-512v236.32a54.144 54.144 0 1 0 108.288 0V480a54.144 54.144 0 1 0-108.288 0z m53.76-226.464c-14.72 0-27.232 4.544-37.568 15.136-11.04 9.856-16.192 22.72-16.192 38.656 0 15.136 5.152 28 16.192 38.624 10.336 10.592 22.848 15.904 37.6 15.904a57.6 57.6 0 0 0 39.04-15.168c10.304-10.592 15.456-23.456 15.456-39.36s-5.12-28.8-15.456-38.656c-10.304-10.56-23.584-15.136-39.04-15.136z" p-id="17326" fill="#9195A1"></path></svg>
                                关于
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="hz_btn">
                <input id="dn" type="checkbox" /><label class="toggle" for="dn"><span class="toggle--handler"></span></label>
                <p>切换主题</p>
            </div>
        </div>
        <div class="right_box">
            <iframe src="/index01.html" name="if" frameborder="0" scrolling="yes"></iframe>
        </div>
    </div>
    <script src="/js/style.js"></script>
</body>
</html>

请添加图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="/css/login.css">
    <script src="/js/login.js"></script>
    <link rel="stylesheet" href="/css/mead.css">
</head>
<body>
    <div class="login">
        <div class="login_box">
            <div class="left_box_list">
                <div class="logo_pic">
                    <div class="logo_pic_box">C</div>
                    <p class="">云安院后台</p>
                </div>
                <div class="left_tt">
                    <p class="title">智慧校园,创建无数可能</p>
                    <p class="bt">梦想创造未来,行动实现一切</p>
                    <p class="bt">不为明天只为现在的自己做出更好的成绩</p>
                    <div class="line"></div>
                    <div class="sc">重庆安全技术职业学院 &gt;</div>
                    <div class="bq"><a href="">@2022 重庆安全技术职业学院chuaner</a><br><a href="">京ICP证******号</a><a href=""> 隐私政策</a></div>
                </div>
            </div>
            <div class="right_box_btn">
                <h2>登录</h2>
                <form name="loginform" action="" onSubmit="return check()" method="">
                    <p>用户名</p>
                    <div class="user">
                        <input type="username" id="user" name="name" maxlength="10" placeholder="管理员账号">
                        <br>
                        <span class="ts" id="tsyj">fedsg </span>
                    </div>
                    <p>密码</p>
                    <div class="user">
                        <input type="password" name="pass" maxlength="16" minlength="6" placeholder="密码">
                        <br>
                        <span class="ts" id="tsyjs">fedsg </span>
                    </div>
                    <div class="inp_btn">
                        <input type="submit" value="登录">
                    </div>
                </form>
                <div class="title_ts">
                    温馨提示:后台管理账号请勿转借以便造成不必要的损失
                </div>
            </div>
        </div>
        <div class="right_box">   
        </div>
    </div>
</body>
</html>
  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
校园圈子系统是一款面向大学生的社交平台,提供了方便快捷的校园交流和社交功能。它可以作为一个小程序或者H5应用存在,为用户提供了便捷的使用方式。 首先,校园圈子系统的小程序或者H5版本可以让用户随时随地使用。无论是在手机上还是在电脑上,只需打开相应的网页或者小程序即可进入系统。这样,用户可以方便地在课堂、宿舍或者其他地方随时查看和发布信息,与其他同学进行交流,分享心得和经验。 其次,校园圈子系统提供了丰富的功能。用户可以通过搜索或者浏览校园圈子系统上的信息,获得最新的校园资讯、活动信息、课程安排等等。同时,用户还可以创建自己的社团或者兴趣圈子,邀请其他同学加入并组织相关活动。此外,系统还提供了论坛功能,方便用户在特定的话题下进行讨论和交流。 另外,校园圈子系统的小程序或者H5版本还可以与其他校园系统进行整合。例如,可以与学生信息管理系统进行连接,方便用户查看自己的课程表、成绩等信息。同时,还可以与校园内的各类社团和组织进行合作,共同举办活动,促进校园文化的繁荣发展。 综上所述,校园圈子系统的小程序或者H5版本能够为大学生提供便捷的校园交流和社交功能,让他们更好地融入校园生活,获取各类信息和资源,并与其他同学建立联系与合作。这样的应用对于提高大学生的社交能力、推动社团文化建设以及促进学校的交流与合作具有重要意义。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

进阶的小趴菜

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

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

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

打赏作者

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

抵扣说明:

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

余额充值