苏e行MDUI项目进展2024-04-20

博主：晚夜
发布时间：2024 年 04 月 20 日
616 次浏览
暂无评论
945字数
分类：技术文章

Loading...

# 前言

<div class='handsome_aplayer player-content' data-preload="auto" data-autoplay="false" data-listMaxHeight="340px" data-order="list">
<div class="handsomePlayer-tip-loading"><span></span> <span></span> <span></span> <span></span><span></span></div><div class="handsome_aplayer_music" data-id="002YboSk0156ci" data-server="tencent" data-type="song" data-auth="dfec7c3d32f462b2ccac3099b6500da1"></div>
</div>

前几篇文章介绍了MDUI制作的登陆页

<div class="preview">
<div class="post-inser post box-shadow-wrap-normal">
<a href="https://www.iczrx.cn/archives/37/" target="_blank" class="post_inser_a no-external-link no-underline-link">
<div class="inner-image bg" style="background-image: url(https://bucket.iczrx.cn/2024/04/15/661d41dddc559.jpg);background-size: cover;"></div>

<div class="inner-content" >
<p class="inser-title">使用MDUI做一个精美的登陆页面-附源码</p>
<div class="inster-summary text-muted">
简述体验地址：ETrip这个页面运用了MDUI 2昨天晚上临时做的 大概花了1个小时可能会有点瑕疵，源码仅供参考只...
</div>
</div>
</a>

</div>

</div>

随后想着利用这个登陆页做点什么

我干脆直接制作一个旅游行程系统

目的是可以暑假自己和两个同学去苏州玩制作的

在线查看当前的行程和当天花费，后期会增加一键缴费（AA制，接入支付宝支付API）

# 正文

这几天我对这个系统进行了完善和修改，初步达到了些满意的效果

## 登陆页

增加了人机验证机制，当用户完成验证码后按钮禁用状态才关闭

如果用户强制关闭按钮禁用状态在提交数据时也会进行进一步检测，如果是跳过验证码的就会提示完成验证码

![登陆页](https://bucket.iczrx.cn/2024/04/20/6623518c5ff1c.jpg)

在控制台关闭按钮禁用状态

![改变按钮状态](https://bucket.iczrx.cn/2024/04/20/662351c3f3592.jpg)

![尝试绕过验证码](https://bucket.iczrx.cn/2024/04/20/662352f6dd4cc.jpg)

会弹出错误信息，所以绕过验证码是无法实现的

后续会添加一个QQ快捷登陆功能

## 系统首页

![首页截图](https://bucket.iczrx.cn/2024/04/20/6623534742d29.jpg)

这里主要是适配手机版，所以电脑端看起来会有些许的问题

只做了导航栏，首页还没制作

## 个人主页

![个人信息](https://bucket.iczrx.cn/2024/04/20/662353af0551a.jpg)

头像采用的是QQ头像

目前个人主页只显示这些基本信息

新增了退出登陆功能

这些页面用手机访问会好一点

导航栏预计最近增加pjax无刷新

总是跳转看起来并不美观

最后修改：2024 年 08 月 26 日

© 允许规范转载

如果觉得我的文章对你有用，请随意赞赏

发表评论取消回复
请文明发言，尊重作者

评论 *

私密评论

名称 *

🎲

邮箱 *

地址

minc_nice_100
歌曲寄了挺久的了，什么时候换成本地源吧没自动化几天一更cook...
minc_nice_100
今天把网站与redis，网站与MySQL的连接全部换成长连接突...
klcdm
隔壁泡菜国该叫了
Xoyo
年三十晚八点还在工位，羊日初四早八点已在开工路上。是谁抛弃了牛马阶级
广树
博主是高中生啊，好强！

苏e行MDUI项目进展2024-04-20

晚夜 • 2024 年 04 月 20 日

Loading...

# 前言

<div class='handsome_aplayer player-content' data-preload="auto" data-autoplay="false" data-listMaxHeight="340px" data-order="list">
<div class="handsomePlayer-tip-loading"><span></span> <span></span> <span></span> <span></span><span></span></div><div class="handsome_aplayer_music" data-id="002YboSk0156ci" data-server="tencent" data-type="song" data-auth="dfec7c3d32f462b2ccac3099b6500da1"></div>
</div>

前几篇文章介绍了MDUI制作的登陆页

<div class="preview">
<div class="post-inser post box-shadow-wrap-normal">
<a href="https://www.iczrx.cn/archives/37/" target="_blank" class="post_inser_a no-external-link no-underline-link">
<div class="inner-image bg" style="background-image: url(https://bucket.iczrx.cn/2024/04/15/661d41dddc559.jpg);background-size: cover;"></div>

<div class="inner-content" >
<p class="inser-title">使用MDUI做一个精美的登陆页面-附源码</p>
<div class="inster-summary text-muted">
简述体验地址：ETrip这个页面运用了MDUI 2昨天晚上临时做的 大概花了1个小时可能会有点瑕疵，源码仅供参考只...
</div>
</div>
</a>

</div>

</div>

随后想着利用这个登陆页做点什么

我干脆直接制作一个旅游行程系统

目的是可以暑假自己和两个同学去苏州玩制作的

在线查看当前的行程和当天花费，后期会增加一键缴费（AA制，接入支付宝支付API）

# 正文

这几天我对这个系统进行了完善和修改，初步达到了些满意的效果

## 登陆页

增加了人机验证机制，当用户完成验证码后按钮禁用状态才关闭

如果用户强制关闭按钮禁用状态在提交数据时也会进行进一步检测，如果是跳过验证码的就会提示完成验证码

![登陆页](https://bucket.iczrx.cn/2024/04/20/6623518c5ff1c.jpg)

在控制台关闭按钮禁用状态

![改变按钮状态](https://bucket.iczrx.cn/2024/04/20/662351c3f3592.jpg)

![尝试绕过验证码](https://bucket.iczrx.cn/2024/04/20/662352f6dd4cc.jpg)

会弹出错误信息，所以绕过验证码是无法实现的

后续会添加一个QQ快捷登陆功能

## 系统首页

![首页截图](https://bucket.iczrx.cn/2024/04/20/6623534742d29.jpg)

这里主要是适配手机版，所以电脑端看起来会有些许的问题

只做了导航栏，首页还没制作

## 个人主页

![个人信息](https://bucket.iczrx.cn/2024/04/20/662353af0551a.jpg)

头像采用的是QQ头像

目前个人主页只显示这些基本信息

新增了退出登陆功能

这些页面用手机访问会好一点

导航栏预计最近增加pjax无刷新

总是跳转看起来并不美观