JavaWeb项目:个人主页生成器网站(java+mysql+tomcat+vuejs,内附部署到云服务器ECS教程!以及采用Palor数据库的方法)

个人主页生成器

本项目制作了一个个人主页的生成器。能够实现输入个人数据,生成一个在线网站供他人查看你的信息。

项目地址

https://github.com/ImViper/HomePage_Generator

运行环境

  • JavaWeb
  • Mysql 8.0
  • Tomcat 9.0.39
  • VueJs
  • 阿里服务器ECS (非必须)
  • 阿里云数据库(非必须)

效果展示

填写信息界面

JavaWeb项目:个人主页生成器网站(java+mysql+tomcat+vuejs,内附部署到云服务器ECS教程!以及采用Palor数据库的方法)_第1张图片

JavaWeb项目:个人主页生成器网站(java+mysql+tomcat+vuejs,内附部署到云服务器ECS教程!以及采用Palor数据库的方法)_第2张图片

JavaWeb项目:个人主页生成器网站(java+mysql+tomcat+vuejs,内附部署到云服务器ECS教程!以及采用Palor数据库的方法)_第3张图片

JavaWeb项目:个人主页生成器网站(java+mysql+tomcat+vuejs,内附部署到云服务器ECS教程!以及采用Palor数据库的方法)_第4张图片

JavaWeb项目:个人主页生成器网站(java+mysql+tomcat+vuejs,内附部署到云服务器ECS教程!以及采用Palor数据库的方法)_第5张图片

JavaWeb项目:个人主页生成器网站(java+mysql+tomcat+vuejs,内附部署到云服务器ECS教程!以及采用Palor数据库的方法)_第6张图片

生成界面

JavaWeb项目:个人主页生成器网站(java+mysql+tomcat+vuejs,内附部署到云服务器ECS教程!以及采用Palor数据库的方法)_第7张图片

JavaWeb项目:个人主页生成器网站(java+mysql+tomcat+vuejs,内附部署到云服务器ECS教程!以及采用Palor数据库的方法)_第8张图片

JavaWeb项目:个人主页生成器网站(java+mysql+tomcat+vuejs,内附部署到云服务器ECS教程!以及采用Palor数据库的方法)_第9张图片

JavaWeb项目:个人主页生成器网站(java+mysql+tomcat+vuejs,内附部署到云服务器ECS教程!以及采用Palor数据库的方法)_第10张图片

如果想要采用polarDB数据库,将数据库部署到云上,请参考这个文章申请。

之后修改代码中的数据库链接地址即可。

 Connection conn = DriverManager.getConnection("jdbc:mysql://kkbdb1.rwlb.rds.aliyuncs.com:3306/kkbdb","test_user","Password1213");

项目搭建到云服务器ECS的方法

1、阿⾥云服务器搭建概览

JavaWeb项目:个人主页生成器网站(java+mysql+tomcat+vuejs,内附部署到云服务器ECS教程!以及采用Palor数据库的方法)_第11张图片

阿⾥云ecs服务器购买地址

2、搭建详细流程

1.购买时,如图选择按量付费

JavaWeb项目:个人主页生成器网站(java+mysql+tomcat+vuejs,内附部署到云服务器ECS教程!以及采用Palor数据库的方法)_第12张图片

2.如图选择CPU

JavaWeb项目:个人主页生成器网站(java+mysql+tomcat+vuejs,内附部署到云服务器ECS教程!以及采用Palor数据库的方法)_第13张图片

3.如图选择操作系统为 宝塔linux⾯板

JavaWeb项目:个人主页生成器网站(java+mysql+tomcat+vuejs,内附部署到云服务器ECS教程!以及采用Palor数据库的方法)_第14张图片

4.选择按使⽤流量 设置为80M (学⽣机⽆法设置)

JavaWeb项目:个人主页生成器网站(java+mysql+tomcat+vuejs,内附部署到云服务器ECS教程!以及采用Palor数据库的方法)_第15张图片

5.设置服务器密码

JavaWeb项目:个人主页生成器网站(java+mysql+tomcat+vuejs,内附部署到云服务器ECS教程!以及采用Palor数据库的方法)_第16张图片

6.配置安全组

JavaWeb项目:个人主页生成器网站(java+mysql+tomcat+vuejs,内附部署到云服务器ECS教程!以及采用Palor数据库的方法)_第17张图片

JavaWeb项目:个人主页生成器网站(java+mysql+tomcat+vuejs,内附部署到云服务器ECS教程!以及采用Palor数据库的方法)_第18张图片

点击快速添加,添加对应的规则如图所示。

JavaWeb项目:个人主页生成器网站(java+mysql+tomcat+vuejs,内附部署到云服务器ECS教程!以及采用Palor数据库的方法)_第19张图片

image-20210119195043644

7.在浏览器中输⼊ecs服务器的公⽹ip:8888, 根据提示⾃定义你的管理员账号和密码

如果不存在账号密码⾃定义⻚⾯**,** 可以按照下图流程获取默认账户和密码。

JavaWeb项目:个人主页生成器网站(java+mysql+tomcat+vuejs,内附部署到云服务器ECS教程!以及采用Palor数据库的方法)_第20张图片

  1. 进⼊宝塔控制⾯板后 , 进⼊软件商店,搜索tomcat后点击安装

    JavaWeb项目:个人主页生成器网站(java+mysql+tomcat+vuejs,内附部署到云服务器ECS教程!以及采用Palor数据库的方法)_第21张图片

    JavaWeb项目:个人主页生成器网站(java+mysql+tomcat+vuejs,内附部署到云服务器ECS教程!以及采用Palor数据库的方法)_第22张图片

  2. 安装后, 如图搜索tomcat, 并设置端⼝号

JavaWeb项目:个人主页生成器网站(java+mysql+tomcat+vuejs,内附部署到云服务器ECS教程!以及采用Palor数据库的方法)_第23张图片安装后, 如图搜索tomcat, 并设置端⼝号

JavaWeb项目:个人主页生成器网站(java+mysql+tomcat+vuejs,内附部署到云服务器ECS教程!以及采用Palor数据库的方法)_第24张图片

10.如图点击进⼊tomcat安装的⽂件夹 , 并进⼊webapps⽂件夹

img

JavaWeb项目:个人主页生成器网站(java+mysql+tomcat+vuejs,内附部署到云服务器ECS教程!以及采用Palor数据库的方法)_第25张图片
  1. 将你编写的程序⽂件上传到webapps/ROOT⽂件夹中 , 即可通过 ip地址 来访问你的项⽬

本次测试项目实例:

页面展示

JavaWeb项目:个人主页生成器网站(java+mysql+tomcat+vuejs,内附部署到云服务器ECS教程!以及采用Palor数据库的方法)_第26张图片

免费获取ECS服务器方法

你也可以免费获取一个临时的ecs服务器,供自己测试。

首先选择体验阿里云ECS博客搭建。网站如下:https://developer.aliyun.com/adc/scenario/fdecd528be6145dcbe747f0206e361f3?spm=a2c6h.15013979.J_7591448770.1.7f447077NAyF7i

在此处获取资源以后,登录进入账户获取实例。

JavaWeb项目:个人主页生成器网站(java+mysql+tomcat+vuejs,内附部署到云服务器ECS教程!以及采用Palor数据库的方法)_第27张图片

点击更多,云盘和镜像,操作系统

JavaWeb项目:个人主页生成器网站(java+mysql+tomcat+vuejs,内附部署到云服务器ECS教程!以及采用Palor数据库的方法)_第28张图片

在镜像市场里选择宝塔即可

JavaWeb项目:个人主页生成器网站(java+mysql+tomcat+vuejs,内附部署到云服务器ECS教程!以及采用Palor数据库的方法)_第29张图片

你可能感兴趣的:(Java,面试,数据库,java,项目,ecs,阿里云)