0
点赞
收藏
分享

微信扫一扫

Vue - 将页面内容下载为 pdf 格式文件(html2canvas + jspdf)

在这里插入图片描述

在这里插入图片描述

摘要:
在这里插入图片描述
感谢华为云提供的测评优惠卷,遥遥领先!!✨
华为云的云耀云服务器L实例备受推崇,以其高效、可靠和安全的基础设施服务而闻名。本文将为展示在该服务器上部署轻量化定制表单服务为例带你一文走进该服务器的方方面面。

先放效果图!!

Github开源地址✨✨: 自定制轻量化表单

一款基于pywebio 快速开发的表单,实现设置每个校区每个时间段只能被预约一次。(可以选择各种后端框架或者是内置服务器)

在这里插入图片描述
在这里插入图片描述


部署教程 ✨✨

快速上手云耀云服务器 首先进入到服务器后,我们需要安装docker环境。(哈哈哈ssh进来后还有打招呼)

在这里插入图片描述

Ubuntu20.04 安装教程在Docker官方文档
Document about docker install for ubuntu 这里就不赘述啦
在这里插入图片描述
在这里插入图片描述

为了测试安装成功,我们运行docker界的Heeloworld!!

在这里插入图片描述

拉取github项目命令(该服务器自带Git的哦✨)

git pull https://github.com/TobeMagic/appointment-yiban-form.git

安装后,我们运行build命令创建(要在Dockerfile文件目录下运行!!不然要指定路径哦),后面大家有需要我可以打包成镜像上传到Hub大家就可以直接在docker Hub拉取啦!!

设置镜像源
1.编辑源列表文件

sudo vim /etc/apt/sources.list
2.将原来的列表删除,添加如下内容(中科大镜像源)

deb http://mirrors.ustc.edu.cn/ubuntu/ xenial main restricted universe multiverse
deb http://mirrors.ustc.edu.cn/ubuntu/ xenial-security main restricted universe multiverse
deb http://mirrors.ustc.edu.cn/ubuntu/ xenial-updates main restricted universe multiverse
deb http://mirrors.ustc.edu.cn/ubuntu/ xenial-proposed main restricted universe multiverse
deb http://mirrors.ustc.edu.cn/ubuntu/ xenial-backports main restricted universe multiverse
deb-src http://mirrors.ustc.edu.cn/ubuntu/ xenial main restricted universe multiverse
deb-src http://mirrors.ustc.edu.cn/ubuntu/ xenial-security main restricted universe multiverse
deb-src http://mirrors.ustc.edu.cn/ubuntu/ xenial-updates main restricted universe multiverse
deb-src http://mirrors.ustc.edu.cn/ubuntu/ xenial-proposed main restricted universe multiverse
deb-src http://mirrors.ustc.edu.cn/ubuntu/ xenial-backports main restricted universe multiverse

构建镜像!!

docker build -t fast_form .

在这里插入图片描述
创建成功!!!
在这里插入图片描述

接下来我们运行该镜像(并尝试访问
表单链接在这!!

docker run fast_form

在这里插入图片描述
一点小插曲

在这里插入图片描述无法访问!!! 去看了一下文档,似乎要部署在云端不能用内置的,修改了一下代码在跑了一篇在这里插入图片描述
还是不行,去看官方文档!! 链接:无法访问网站怎么办,非常详细!!
在这里插入图片描述
在第一步查看端口情况,发现并没有程序监听9000端口!!,考虑到Dockerfile已经写了暴露9000端口,那应该是启动需要添加端口监听!!成了!!✨✨

运行命令:
docker run -p 9000:9000 fast_form
在这里插入图片描述

部署成功!! 表单链接 ✨✨
在这里插入图片描述
在这里插入图片描述
接着我们进入到服务器看业务是否流程正常
在这里插入图片描述
可以看到,提交的数据被很好的保存了!!

Github开源地址✨✨: 自定制轻量化表单

有问题欢迎大家提出issues! 如果喜欢请点点一个小小的star!! 点赞,关注收藏! 🤞

在这里插入图片描述

						  爛到这里,如果还有什么疑问爛
欢迎私信博主问题哦,博主会尽自己能力为你解答疑惑的!
拾如果对你有帮助,你的赞是对博主最大的支持!!拾
举报

相关推荐

0 条评论