Skip to content
This repository has been archived by the owner on Feb 21, 2022. It is now read-only.

自定义修改登录页面

Suwings edited this page Feb 4, 2022 · 1 revision

这页wiki主要是要告诉你如何开发自定义登录页面

想自己自定义一个登录页面?不会开发?没有关系。

你可以去网络上下载一个纯 HTML+js+css 的登录模板。

下载之后放到 ./public/loginX/ 目录下,其中这个 X 代表任何一个数字,当然你也可以不放这里,只是看你找不到引用文件

然后修改 HTML 代码如下:

<!-- 必须先引入的文件 -->
<script type="text/javascript" src="../common/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="../common/URL.js"></script>
<script type="text/javascript" src="../common/md5.js"></script>
<script type="text/javascript" src="../common/js/login.js"></script>

<!-- 用户名输入框和密码输入框和按钮的id是固定的,也是必须的-->
<!-- 调用 MCSERVER.btnLogin() 即可执行登录过程,将会自动获取相应id的值,状态返回到按钮上-->
<p>用户名</p>
<input id="login-userid" type="text" placeholder="账号" />
<p>密码</p>
<input id="login-passwd" type="password" placeholder="密码"  />
<button id="login-button" class="mbutton" onclick="MCSERVER.btnLogin()">登录</button>

这份代码仅供参考,但是我相信你只需要稍微的理解一点点 HTML 知识,即可轻松的开发出自己的登录页面。

其中,引入的文件具体作用,请参考 Readme.md 文件。