feat: 解析短链

This commit is contained in:
2024-03-13 16:28:40 +08:00
parent 867da56f45
commit 1c5e17a4ab
4 changed files with 87 additions and 23 deletions

View File

@ -13,7 +13,6 @@
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<!-- Axios -->
<script src="https://cdn.jsdelivr.net/npm/axios@latest/dist/axios.min.js"></script>
<script src="./static/index.js"></script>
<style>
.container {
max-width: 800px;
@ -48,6 +47,7 @@
<label for="apiLink">解析链接:</label>
<div class="input-group mb-2">
<input class="form-control" id="urlInput" type="text" placeholder="通过生成的链接重新填写下方设置" />
<input class="form-control" id="urlshortLinkPasswdInput" type="text" placeholder="短链密码" />
<button class="btn btn-primary" onclick="parseInputURL()" type="button">
解析
</button>
@ -142,16 +142,13 @@
<div class="form-group mb-5">
<label for="apiLink">配置链接:</label>
<div class="input-group mb-2">
<input class="form-control" id="apiLink" type="text" />
<button class="btn btn-primary" onclick="generateURL()" type="button">
生成链接
</button>
<input class="form-control" id="apiLink" type="text" placeholder="链接" />
<button class="btn btn-primary" onclick="copyToClipboard('apiLink',this)" type="button">
复制链接
</button>
</div>
<div class="input-group">
<input class="form-control" id="apiShortLink" type="text" />
<input class="form-control" id="apiShortLink" type="text" placeholder="链接" />
<input class="form-control" id="password" type="text" placeholder="密码" />
<button class="btn btn-primary" onclick="generateShortLink()" type="button">
生成短链
@ -164,6 +161,7 @@
</button>
</div>
</div>
<!-- footer-->
<footer>
<p class="text-center">
@ -174,5 +172,5 @@
</footer>
</div>
</body>
<script src="./static/index.js"></script>
</html>