Giter Club home page Giter Club logo

mytodolists's Introduction

项目介绍

名称: My Todo Lists

介绍: 制作页面显示制定学习的方案和学习过程

组成:前端、后端、数据库、k8s

后端:
* Spring Boot
* JDK1.8
* 开发工具IDEA(安装Vue.js插件)
前端:
* Node v10.16.3
* npm v6.9.0
* Vue v2.9.6
数据库:
* 数据库MySQL v8.0.18
* 版本管理工具 Git
K8S:
* Kubeadm v1.16.2
* Docker v18.09.5

作者:GY

文件树

doc

存放学习过程中的笔记及配置文件和图片

src

存放前后端源文件及打包文件

其他文件

存放部署k8s需要的YAML文件及其他配置文件

遇到的问题及解决

过程中的问题,主要以截图形式记录

副本培养计划

使用

在本地主机上修改hosts文件:

# 打开hosts
# ubuntu
sudo vi /etc/hosts
# windows
C:\Windows\System32\drivers\etc
# 在最后另起一行添加:
 [hostIP] my.todolists.com gy.todolists.com

打开浏览器输入:

http://my.todolists.com/index.html

本地使用 需修改前后端源码的URL接口和配置数据库

  • 数据库:
    net start mysql
    database port 3306
    database name: springdemo
    database user: root
    database password: 123qwe
  • 后端backend:
    通过IDEA打开直接运行项目
    或者
java -jar backend/target/myTodolists-0.0.X-SNAPSHOT.jar
  • 前端frontend:
    项目目录下命令行:
npm install
npm run dev

前端访问localhost:8080,后端端口为localhost:8888

截图

后端运行成功:
后端运行
前端登录界面:
前端登录界面
前端页面:
前端页面
整体部署:
k8s整体部署

相关参考

Spring Boot demo
Element 组件
axios与后端通信
单文件组件
单文件组件demo
JDBC使用
K8S命令表
K8S架构
使用Dockerfile定制镜像
K8S In Action
安装kubeadm
kubernetes-dashboard版本
自定义dashboard
nginx中location规则

mytodolists's People

Contributors

gaoynui avatar

Watchers

James Cloos avatar  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.