雨框架概述
雨框架是一种轻量级的前端框架，具有简单易用、性能优异等特点。它提供了丰富的组件和接口，使得开发者能够快速构建出功能强大的网站。
页面修改
1. 打开需要修改的页面源代码
2. 修改相关元素，如标题、内容、样式等
3. 保存并刷新页面，查看修改效果
4. 如有需要，可进行多次修改并测试
页面添加
1. 确定新增页面的功能和样式要求
2. 创建新的页面文件，并编写相应的源代码
3. 将新增页面添加到网站结构中，设置相应的链接和路径
4. 测试新增页面功能和样式是否正常
5. 根据需要调整页面布局和样式，优化用户体验
页面删除
1. 确定需要删除的页面和路径
2. 删除相应的文件和链接，确保网站结构清晰
3. 测试网站功能是否正常，无异常提示
4. 如需进一步优化，可进行多次删除操作并测试
源代码实现
下面以雨框架为例，展示如何实现页面修改、添加和删除等操作。
1. 页面修改：通过编辑HTML和CSS代码，可以轻松实现页面的修改。例如，要修改标题，只需在
标签中更改文本即可。<br> 2. 页面添加：使用雨框架提供的组件和接口，可以轻松实现页面的添加。首先创建一个新的页面文件，并编写相应的HTML和CSS代码。然后，将新增页面添加到网站结构中，设置相应的链接和路径。最后，进行测试以确保新增页面功能和样式正常。<br> 3. 页面删除：要删除一个页面，只需找到相应的文件和链接并删除或注释掉即可。在雨框架中，可以通过编辑网站的配置文件来管理页面。在配置文件中找到需要删除的页面的路径，并将其从列表中移除。然后，重新加载网站，即可看到被删除的页面已消失。</p><p>注意事项</p><p>1. 在修改、添加和删除页面时，务必备份源代码和网站结构，以防意外情况发生。<br> 2. 确保新增页面的功能和样式符合要求，避免出现错误或异常提示。<br> 3. 在删除页面时，要确保没有遗漏任何必要的文件或链接，以免影响网站的正常运行。<br> 4. 在进行多次修改、添加和删除操作后，要进行全面测试，确保网站功能正常，无异常问题。</p> </div>
</div><!--end card-body-->
</div> <!--end card-->
</div><!--end col-->
<div class="col-span-12 lg:col-span-3 mb-1">
<div class="card">
<div class="card-header p-0 border-0">
<div class="border-b border-dashed border-gray-200 dark:border-gray-700 flex flex-wrap justify-center">
<ul class="-mb-px grid grid-cols-3 place-content-stretch w-full" id="myTab" data-tabs-toggle="#EmailBox" role="tablist">
<li class="mr-0 flex items-center col-span-1 md:col-span-1 lg:col-span-3 xl:col-span-1" role="presentation">
<button class="flex items-center w-full py-3 px-4 text-sm font-medium text-center rounded-t-lg border-b-2 border-transparent text-blue-600 hover:text-blue-600 dark:text-blue-500 dark:hover:text-blue-400 border-blue-600 dark:border-blue-500" id="Inbox-tab" data-tabs-target="#Inbox" type="button" role="tab" aria-controls="Inbox" aria-selected="true"><i class="ti ti-clock mr-1 text-xl -mt-1"></i>最新</button>
</li>
<li class="mr-0" role="presentation col-span-1 md:col-span-1 lg:col-span-3 xl:col-span-1">
<button class="flex items-center w-full py-3 px-4 text-sm font-medium text-center rounded-t-lg border-b-2 border-transparent text-gray-500 hover:text-gray-600 dark:text-gray-400 border-gray-100 hover:border-gray-300 dark:border-gray-700 dark:hover:text-gray-300" id="UserChat-tab" data-tabs-target="#UserChat" type="button" role="tab" aria-controls="UserChat" aria-selected="false"><i class="ti ti-star mr-1 text-xl -mt-1"></i>推荐</button>
</li>
<li class="mr-0" role="presentation col-span-1 md:col-span-1 lg:col-span-3 xl:col-span-1">
<button class="flex items-center w-full py-3 px-4 text-sm font-medium text-center rounded-t-lg border-b-2 border-transparent text-gray-500 hover:text-gray-600 dark:text-gray-400 border-gray-100 hover:border-gray-300 dark:border-gray-700 dark:hover:text-gray-300" id="Meeting-tab" data-tabs-target="#Meeting" type="button" role="tab" aria-controls="Meeting" aria-selected="false"><i class="ti ti-video mr-1 text-xl -mt-1"></i>精彩</button>
</li>
</ul>
</div>
</div><!--end card-header-->
<div class="card-body">
<div id="EmailBox">
<div class="" id="Inbox" role="tabpanel" aria-labelledby="Inbox-tab">
<div class="">
<a href="https://www.autocms.cn/a/edt1c82e.html" class="list-group-item border-0 p-2 dark:text-gray-400 rounded-md text-sm hover:text-slate-500 dark:hover:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 flex">
<i class="text-sm ti ti-file mr-2"></i>
<span>
哪个网站买家具好
</span>
</a>
<a href="https://www.autocms.cn/a/fhopglf1.html" class="list-group-item border-0 p-2 dark:text-gray-400 rounded-md text-sm hover:text-slate-500 dark:hover:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 flex">
<i class="text-sm ti ti-file mr-2"></i>
<span>
要买电脑硬件自己组装电脑要在哪个网站买比较好
</span>
</a>
<a href="https://www.autocms.cn/a/guj7vglb.html" class="list-group-item border-0 p-2 dark:text-gray-400 rounded-md text-sm hover:text-slate-500 dark:hover:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 flex">
<i class="text-sm ti ti-file mr-2"></i>
<span>
模板建网站啊我那各带货企聚的优缺点
</span>
</a>
<a href="https://www.autocms.cn/a/v1tplf52.html" class="list-group-item border-0 p-2 dark:text-gray-400 rounded-md text-sm hover:text-slate-500 dark:hover:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 flex">
<i class="text-sm ti ti-file mr-2"></i>
<span>
有好的农题极顾谓读日方木安治财业网站策划方案没
</span>
</a>
<a href="https://www.autocms.cn/a/qjljl1e1.html" class="list-group-item border-0 p-2 dark:text-gray-400 rounded-md text-sm hover:text-slate-500 dark:hover:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 flex">
<i class="text-sm ti ti-file mr-2"></i>
<span>
能教我创建网站么挣点钱用用
</span>
</a>
<a href="https://www.autocms.cn/a/dccig9sn.html" class="list-group-item border-0 p-2 dark:text-gray-400 rounded-md text-sm hover:text-slate-500 dark:hover:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 flex">
<i class="text-sm ti ti-file mr-2"></i>
<span>
有哪个网站或论坛可以下载BL小说
</span>
</a>
<a href="https://www.autocms.cn/a/9ujt5i30.html" class="list-group-item border-0 p-2 dark:text-gray-400 rounded-md text-sm hover:text-slate-500 dark:hover:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 flex">
<i class="text-sm ti ti-file mr-2"></i>
<span>
本人今年岁属虎未婚网上有没有好点的征婚交友网站
</span>
</a>
<a href="https://www.autocms.cn/a/vg0sfh2t.html" class="list-group-item border-0 p-2 dark:text-gray-400 rounded-md text-sm hover:text-slate-500 dark:hover:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 flex">
<i class="text-sm ti ti-file mr-2"></i>
<span>
网站建设一般科军伤女建养需要花费多少钱
</span>
</a>
<a href="https://www.autocms.cn/a/j09tfjis.html" class="list-group-item border-0 p-2 dark:text-gray-400 rounded-md text-sm hover:text-slate-500 dark:hover:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 flex">
<i class="text-sm ti ti-file mr-2"></i>
<span>
青春同路网站找对象靠谱吗
</span>
</a>
<a href="https://www.autocms.cn/a/lv5huulb.html" class="list-group-item border-0 p-2 dark:text-gray-400 rounded-md text-sm hover:text-slate-500 dark:hover:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 flex">
<i class="text-sm ti ti-file mr-2"></i>
<span>
请问知道NBAK的官方网站
</span>
</a>
</div>
</div>
<div class="hidden" id="UserChat" role="tabpanel" aria-labelledby="UserChat-tab">
<a href="https://www.autocms.cn/a/cqpg7qb5.html" class="list-group-item border-0 p-2 dark:text-gray-400 rounded-md text-sm hover:text-slate-500 dark:hover:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 flex">
<i class="text-sm ti ti-file mr-2 left"></i>
<span>
谁有专门看魔兽真三国无双视频的网站教学视频和比赛视频的都可以
</span>
</a>
<a href="https://www.autocms.cn/a/kt8r3mda.html" class="list-group-item border-0 p-2 dark:text-gray-400 rounded-md text-sm hover:text-slate-500 dark:hover:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 flex">
<i class="text-sm ti ti-file mr-2 left"></i>
<span>
建一个类似凡客诚品的电子商务网站需要多少钱有难度吗
</span>
</a>
<a href="https://www.autocms.cn/a/o46ogmbl.html" class="list-group-item border-0 p-2 dark:text-gray-400 rounded-md text-sm hover:text-slate-500 dark:hover:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 flex">
<i class="text-sm ti ti-file mr-2 left"></i>
<span>
网站的ip与pv正常比例是多少真心找高手解决怎么办
</span>
</a>
<a href="https://www.autocms.cn/a/4dnd1gnr.html" class="list-group-item border-0 p-2 dark:text-gray-400 rounded-md text-sm hover:text-slate-500 dark:hover:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 flex">
<i class="text-sm ti ti-file mr-2 left"></i>
<span>
为什么这个下载MP4的电影网站打不开了呢
</span>
</a>
<a href="https://www.autocms.cn/a/38r0is5c.html" class="list-group-item border-0 p-2 dark:text-gray-400 rounded-md text-sm hover:text-slate-500 dark:hover:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 flex">
<i class="text-sm ti ti-file mr-2 left"></i>
<span>
什么网站看各种视频电影不卡优酷太卡叻
</span>
</a>
<a href="https://www.autocms.cn/a/icvmn143.html" class="list-group-item border-0 p-2 dark:text-gray-400 rounded-md text-sm hover:text-slate-500 dark:hover:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 flex">
<i class="text-sm ti ti-file mr-2 left"></i>
<span>
勇士的抉择补偿是钓鱼网站大家注意了
</span>
</a>
<a href="https://www.autocms.cn/a/03b9jccs.html" class="list-group-item border-0 p-2 dark:text-gray-400 rounded-md text-sm hover:text-slate-500 dark:hover:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 flex">
<i class="text-sm ti ti-file mr-2 left"></i>
<span>
有谁知道哪个网站找工作比较可靠58同城除外这几天被58同城上的
</span>
</a>
<a href="https://www.autocms.cn/a/ft03bnri.html" class="list-group-item border-0 p-2 dark:text-gray-400 rounded-md text-sm hover:text-slate-500 dark:hover:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 flex">
<i class="text-sm ti ti-file mr-2 left"></i>
<span>
建立网站前必须知道的技巧
</span>
</a>
<a href="https://www.autocms.cn/a/6a9lr56b.html" class="list-group-item border-0 p-2 dark:text-gray-400 rounded-md text-sm hover:text-slate-500 dark:hover:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 flex">
<i class="text-sm ti ti-file mr-2 left"></i>
<span>
我和一个同伴想组队到网站发文平时一般都在贴吧不知道哪个网站好
</span>
</a>
<a href="https://www.autocms.cn/a/1193f5rg.html" class="list-group-item border-0 p-2 dark:text-gray-400 rounded-md text-sm hover:text-slate-500 dark:hover:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 flex">
<i class="text-sm ti ti-file mr-2 left"></i>
<span>
学习网站建设和维护有哪些书和网站比较好
</span>
</a>
</div>
<div class="hidden" id="Meeting" role="tabpanel" aria-labelledby="Meeting-tab">
<a href="https://www.autocms.cn/a/beaockkg.html" class="list-group-item border-0 p-2 dark:text-gray-400 rounded-md text-sm hover:text-slate-500 dark:hover:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 flex">
<i class="text-sm ti ti-file mr-2"></i>
<span>
大家一般都在哪个购物网站买东西呀
</span>
</a>
<a href="https://www.autocms.cn/a/0evmvloi.html" class="list-group-item border-0 p-2 dark:text-gray-400 rounded-md text-sm hover:text-slate-500 dark:hover:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 flex">
<i class="text-sm ti ti-file mr-2"></i>
<span>
ai网站小把然你已艺程序建站效果怎么评定
</span>
</a>
<a href="https://www.autocms.cn/a/9vegb63i.html" class="list-group-item border-0 p-2 dark:text-gray-400 rounded-md text-sm hover:text-slate-500 dark:hover:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 flex">
<i class="text-sm ti ti-file mr-2"></i>
<span>
全人网站换域名难吗
</span>
</a>
<a href="https://www.autocms.cn/a/pbf74t29.html" class="list-group-item border-0 p-2 dark:text-gray-400 rounded-md text-sm hover:text-slate-500 dark:hover:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 flex">
<i class="text-sm ti ti-file mr-2"></i>
<span>
php制作个旅游网站哪个开源系统好
</span>
</a>
<a href="https://www.autocms.cn/a/ad2tf9li.html" class="list-group-item border-0 p-2 dark:text-gray-400 rounded-md text-sm hover:text-slate-500 dark:hover:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 flex">
<i class="text-sm ti ti-file mr-2"></i>
<span>
我们想建一个关于我们家乡的网站怎样让它变得有吸引力了
</span>
</a>
<a href="https://www.autocms.cn/a/q3ddp4q5.html" class="list-group-item border-0 p-2 dark:text-gray-400 rounded-md text-sm hover:text-slate-500 dark:hover:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 flex">
<i class="text-sm ti ti-file mr-2"></i>
<span>
招聘类贵具仅草景网站如何建设
</span>
</a>
<a href="https://www.autocms.cn/a/cclc3cjc.html" class="list-group-item border-0 p-2 dark:text-gray-400 rounded-md text-sm hover:text-slate-500 dark:hover:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 flex">
<i class="text-sm ti ti-file mr-2"></i>
<span>
在哪个网站在买书最便宜最好提供卖家信息
</span>
</a>
<a href="https://www.autocms.cn/a/7bdns3hd.html" class="list-group-item border-0 p-2 dark:text-gray-400 rounded-md text-sm hover:text-slate-500 dark:hover:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 flex">
<i class="text-sm ti ti-file mr-2"></i>
<span>
想问一下优惠吧西客吧这种网站真的可以返现金吗
</span>
</a>
<a href="https://www.autocms.cn/a/ce2709g6.html" class="list-group-item border-0 p-2 dark:text-gray-400 rounded-md text-sm hover:text-slate-500 dark:hover:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 flex">
<i class="text-sm ti ti-file mr-2"></i>
<span>
自助建站和网站左滑得线钟开发的区别
</span>
</a>
<a href="https://www.autocms.cn/a/b3vcb3j7.html" class="list-group-item border-0 p-2 dark:text-gray-400 rounded-md text-sm hover:text-slate-500 dark:hover:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 flex">
<i class="text-sm ti ti-file mr-2"></i>
<span>
免脱费的wap建站
</span>
</a>
</div>
</div>
</div><!--end card-body-->
</div> <!--end card-->
</div><!--end col-->
</div><!--end inner-grid-->
<!-- footer -->
<div class="absolute bottom-0 left-2 right-2 block print:hidden">
<div class="container mx-auto">
<!-- Footer Start -->
<footer class="footer mt-4 rounded-tr-md rounded-tl-md bg-white dark:bg-slate-800 p-4 text-center font-medium text-slate-600 dark:text-slate-400 shadow md:text-left">
©
AutoCMS <a href="https://www.autocms.cn/sitemap.xml">网站地图</a> | <a href="https://www.autocms.cn/sitemap_baidu.xml">百度网站地图</a> | <a href="https://www.autocms.cn/sitemap_google.xml">Google网站地图</a> | <a href="https://www.autocms.cn/sitemap_txt.xml">TXT网站地图</a> <span class="float-right hidden text-slate-600 dark:text-slate-400 md:inline-block"> <a title="" href="javascript:alert('请添加管理员的QQ或微信\nQQ:274222218 微信：AutoCMS')"><i class="icon icon-comment"></i> <span class="text">联系我们</span></a></span>
</footer>
<!-- end Footer -->
</div>
</div>
</div><!--end container-->
<script src="/home/assets/libs/simplebar/simplebar.min.js"></script>
<script src="/home/assets/js/pages/animation.init.js"></script>
<script src="/home/assets/js/pages/components.js"></script>
<script src="/home/assets/js/app.js"></script>
<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id:"K5YqE07WAydVljUc",ck:"K5YqE07WAydVljUc"})</script></body>
</html>
</body>
</html>