nykek5i 发表于 2024-10-3 05:08:06

基于LayUI的博客前后端模板


    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">断更了好久，这次争取能连续把这个博客代码搞完；<span style="color: black;">近期</span>自学了<span style="color: black;">有些</span>前端内容，</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">几月LayUI设计的博客管理前后台，先截图<span style="color: black;">瞧瞧</span>前后端样式吧</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">博客系统基于springboot<span style="color: black;">研发</span>，mybatis，mysql数据库，layui实现前端，一个工程全搞定，没做前后端分离，想要学习的<span style="color: black;">能够</span>拿去参考。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">代码是自己刚实现的代码生成器生成，<span style="color: black;">重点</span>生成简单的增删改查，以及前端代码的简单<span style="color: black;">规律</span>，当前管理后台<span style="color: black;">便是</span>用生成器生成，生成后还需要做<span style="color: black;">有些</span><span style="color: black;">调节</span>，<span style="color: black;">例如</span>表单验证还<span style="color: black;">无</span>实现，后续<span style="color: black;">亦</span>会补上。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">下面是界面截图，专业的<span style="color: black;">朋友</span>多多指点。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">博客用户界面：<span style="color: black;">重点</span>有两个，首页（<span style="color: black;">归类</span>页共用），详情页面。</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-axegupay5k/3b5de7ad25dd4403ac01d0fb5fdb2485~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1728085820&amp;x-signature=p%2B54dFrORG6B1Tvhk%2B2Fgyu8h5M%3D" style="width: 50%; margin-bottom: 20px;">
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">博客首页样式</p>
    </div>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p26-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/4280b1d37acf4d109f787c5051807892~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1728085820&amp;x-signature=YoBw7%2FfYRqYmtxlZ2ywhTtyw%2F3s%3D" style="width: 50%; margin-bottom: 20px;">
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">博客详情页样式</p>
    </div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">后端界面如下，</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">仪表盘支持echarts 图表，以及展示<span style="color: black;">有些</span>基本统计数据信息。</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/978bd2e06c1b4584aa705815cf7c1c32~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1728085820&amp;x-signature=5u%2FvIG%2Fz6TX31kQ6aMOViPY1sXQ%3D" style="width: 50%; margin-bottom: 20px;">
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">博客首页-仪表盘</p>
    </div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">列表页支持简单<span style="color: black;">基本</span><span style="color: black;">查找</span>操作，</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/4809ad09a69840b18c11917f79b380b5~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1728085820&amp;x-signature=jg1TOlKH2JrI7ZDKVjjLrmkooZc%3D" style="width: 50%; margin-bottom: 20px;">
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">文案</span>列表页</p>
    </div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">详情页支持markdown预览，</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/e12f50f45f8f4a6aaf9b61b782f7d9b7~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1728085820&amp;x-signature=hhWxLJpeqPM1CqtFnVCZE00qnSU%3D" style="width: 50%; margin-bottom: 20px;">
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">文案</span>详情页面</p>
    </div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">文案</span>编辑页支持markdown 编辑，<span style="color: black;">照片</span>上传，预览等</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/d7f2ef2d5cc443daa2f92eb54ab97d7d~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1728085820&amp;x-signature=WhHgCyzE0lK3gcS2%2BYrMdltCicc%3D" style="width: 50%; margin-bottom: 20px;">
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">文案</span>编辑页</p>
    </div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">其他页面基本同<span style="color: black;">文案</span>页 简单的增删改查<span style="color: black;">规律</span>，后台是自己做的代码生成器直接生成，<span style="color: black;">此刻</span>还不完善，只是一个玩具，<span style="color: black;">爱好</span>的<span style="color: black;">能够</span>多关注，后面会逐步完善系统。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">想要源码的<span style="color: black;">能够</span>转发，私信我 </p>




m5k1umn 发表于 2024-10-3 07:52:44

回顾历史，我们不难发现：无数先辈用鲜血和生命铺就了中华民族复兴的康庄大道。
页: [1]
查看完整版本: 基于LayUI的博客前后端模板