{"id":16099318,"url":"https://github.com/googtech/vsblog","last_synced_at":"2025-03-16T08:32:26.059Z","repository":{"id":38260394,"uuid":"273480281","full_name":"GoogTech/vsblog","owner":"GoogTech","description":"🖖 A simple personal blog system for beginners who wants to integrate the SpringBoot with the Vue framework.","archived":false,"fork":false,"pushed_at":"2023-01-06T09:24:19.000Z","size":3409,"stargazers_count":101,"open_issues_count":26,"forks_count":40,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-27T05:55:55.242Z","etag":null,"topics":["blog-system","element-ui","java","maven","mybatis","mysql","mysql8","redis","springboot","vue"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/GoogTech.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-06-19T11:44:31.000Z","updated_at":"2024-11-11T08:08:53.000Z","dependencies_parsed_at":"2023-02-05T19:15:34.561Z","dependency_job_id":null,"html_url":"https://github.com/GoogTech/vsblog","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GoogTech%2Fvsblog","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GoogTech%2Fvsblog/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GoogTech%2Fvsblog/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GoogTech%2Fvsblog/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/GoogTech","download_url":"https://codeload.github.com/GoogTech/vsblog/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243806070,"owners_count":20350775,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["blog-system","element-ui","java","maven","mybatis","mysql","mysql8","redis","springboot","vue"],"created_at":"2024-10-09T18:26:48.994Z","updated_at":"2025-03-16T08:32:25.212Z","avatar_url":"https://github.com/GoogTech.png","language":"Vue","readme":"\u003cp align=\"center\"\u003e\n\t\u003cimg src=\"https://user-images.githubusercontent.com/43493852/127585072-ccafe163-4a43-439e-9594-156b4d10a72e.png\"\u003e\n\t\u003cp align=\"center\"\u003e\n\t\u003cimg src=\"https://app.codacy.com/project/badge/Grade/02e473424ae64646b7f24ec11455bc42\"/\u003e\u003c/img\u003e\n\t\u003cimg src=\"https://img.shields.io/github/commit-activity/m/GoogTech/vsblog?color=ff69b4\"\u003e\u003c/img\u003e\n\t\u003cimg src=\"https://img.shields.io/github/repo-size/GoogTech/vsblog\"\u003e\u003c/img\u003e\n\t\u003cimg src=\"https://img.shields.io/github/license/GoogTech/vsblog.svg\"\u003e\u003c/img\u003e\n\t\u003c/p\u003e\n\u003c/p\u003e\n\n*🖖 最近在学习前后端分离开发模式，为了整合 Springboot 与 Vue 框架而写了这个小项目. 账号 : `admin`，密码 : `iblog.run`.*\n\n### 技术\n#### 前端 \n* element-ui\n* axios\n* vue\n\n#### 后端 \n* hibernate validatior\n* mybatis plus\n* springboot\n* mysql\n* shiro\n* redis\n* jwt\n\n\n### 功能\n* [x] 登录验证\n* [x] 文章展示\n* [x] 文章添加\n* [x] 文章删除\n* [x] 文章修改\n* [x] 文章查找\n* [x] 文章归档\n* [x] 页面特效\n* [x] 点击特效\n* [ ] 文章分类\n* [ ] 友链\n* [ ] 留言\n\n\n### 部署\n*以下是我在 `Ubuntu18.04` 远程服务器上部署 `vsblog` 的流程*.\n\n\u003cdetails\u003e\n    \u003csummary\u003e1. 安装 JDK\u003c/summary\u003e\n\n```shell\n# install jdk\nsudo apt install openjdk-8-jdk-headless\n\n# check\njava -version\n```\n\u003c/details\u003e\n\n\u003cdetails\u003e\n    \u003csummary\u003e2. 安装 MySQL8.0+\u003c/summary\u003e\n    \n```shell\n# the installation package as follows you need to download it\n# decompress the installation package\nsudo dpkg -i mysql-apt-config_0.8.10-1_all.deb\n\n# update installation package\nsudo apt update \n\n# install mysql server\nsudo apt install mysql-server \n\n# run mysql\nmysql -u root -p\n```\n\u003c/details\u003e\n\n\u003cdetails\u003e\n    \u003csummary\u003e3. 安装 Redis\u003c/summary\u003e\n    \n```shell\n# install redis server\nsudo apt-get install redis-server\n\n# check redis server status\nnetstat -nlt|grep 6379\n\n# test\nredis-cli\n```\n\u003c/details\u003e\n\n\u003cdetails\u003e\n    \u003csummary\u003e4. 导入 vueblog.sql 数据库\u003c/summary\u003e\n    \n```shell\n# mysql -u root -p \u003c vueblog.sql\nmysql -u root -p \u003c 'the specified path of database file'\n```\n\u003c/details\u003e\n\n\u003cdetails\u003e\n    \u003csummary\u003e5. 运行项目\u003c/summary\u003e\n    \n```shell\n# kill the specified server port:8080\nkill -9 $(netstat -nlp | grep :8080 | awk '{print $7}' | awk -F\"/\" '{ print $1 }')\n\n# run\n# nohup /usr/lib/jvm/java-8-openjdk-amd64/jre/bin/java -jar /tmp/vueblog-0.0.1-SNAPSHOT.jar \u003e vsblog.file 2\u003e\u00261 \u0026\nnuhup -jar vueblog-0.0.1-SNAPSHOT.jar \u003e vsblog.file 2\u003e\u00261 \u0026\n\n# test\nhttp://ip:8080/\n```\n\u003c/details\u003e\n\n\u003cdetails\u003e\n    \u003csummary\u003e6. 绑定域名\u003c/summary\u003e\n    \n```shell\n# first you need install the nginx\nsudo apt install nginx\n\n# vim /etc/nginx/nginx.conf\n# such as the example configuraion be added as follows\nhttp{\n\tserver{\n\t\tlisten  80;\n\t\tserver_name  vue.iblog.run; \n\t\tlocation / {\n\t\t\tproxy_pass  http://ip:8080;\t\n\t\t}            \n\t}\n}\n. . .\n\n# then check the default configuration file\nnginx -t\n\n# reload the nginx\nnginx -s reload\n\n# test\nhttp://vue.iblog.run\n```\n\u003c/details\u003e\n\n\n### 注意事项\n\n#### 若需本地运行该项目，请修改如下配置\n\u003cdetails\u003e\n\u003csummary\u003e1. 前端 : axios.js\u003c/summary\u003e\n\t\n```js\n// 自定义全局请求头(后台)\n// axios.defaults.baseURL = \"http://49.233.79.152:8080\"\naxios.defaults.baseURL = \"http://localhost:8080\"\n```\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e2. 后端 : application.yml\u003c/summary\u003e\n\t\n```js\nredis-manager:\n\t// host: 49.233.79.152:6379\n\thost: 127.0.0.1:6379\n```\n\u003c/details\u003e\n\n#### 该项目使用的 MySQL 的版本号为 `8.0.11` ,如果你的数据库版本低于它，请修改如下配置\n1. `pom.xml` : 修改 mysql-connector-java 的版本\n2. `application.yml` : 将 driver-class-name 修改为 com.mysql.jdbc.Driver\n\n\u003e 详情请参考我的博文 : [JDBC-常见错误分析](https://goog.tech/blog/2019/03/14/JDBC-%E5%B8%B8%E8%A7%81%E9%94%99%E8%AF%AF%E5%88%86%E6%9E%90/)\n\n\n### 致谢\n* [VBlog](https://github.com/lenve/VBlog)\n* [MarkerHub](https://space.bilibili.com/13491144)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgoogtech%2Fvsblog","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgoogtech%2Fvsblog","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgoogtech%2Fvsblog/lists"}