Git Product home page Git Product logo

homepage_generator's Introduction

个人主页生成器

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

项目地址

https://github.com/ImViper/HomePage_Generator

运行环境

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

效果展示

填写信息界面

image-20210118202103861

image-20210118202159070

image-20210118202226035

image-20210118202239324

image-20210118202252933

image-20210118202258591

生成界面

image-20210118202312318

image-20210118202322401

image-20210118202328018

image-20210118202333474

部署到阿里云ECS服务器方法

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

image-20210119194350161

阿⾥云ecs服务器购买地址

2、搭建详细流程

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

img

2.如图选择CPU

image-20210119194852407

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

image-20210119194427148

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

image-20210119194915804

5.设置服务器密码

img

6.配置安全组

image-20210119194501485

img

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

img

image-20210119195043644

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

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

image-20210119194708962

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

    image-20210119195917551

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

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

img

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

img
img

  1. 将你编写的程序⽂件上传到webapps/ROOT⽂件夹中 , 即可通过 ip地址 来访问你的项⽬

本次测试项目实例：

页面展示

image-20210119200400206

免费获取ECS服务器方法

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

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

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

image-20210119195551231

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

image-20210119195616404

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

image-20210119195653202

homepage_generator's People

Contributors

imviper avatar

Stargazers

水狗 avatar LeafGrey avatar

Watchers

avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.