Skip to content

Commit 744a546

Browse files
SnailclimbSnailclimb
committed
[feat]优化在线阅读网站阅读体验
1 parent 1aca705 commit 744a546

File tree

4 files changed

+134
-19
lines changed

4 files changed

+134
-19
lines changed

‎docs/.vuepress/config.js

+10-5
Original file line numberDiff line numberDiff line change
@@ -77,11 +77,16 @@ module.exports = config({
7777
nav: [
7878
{ text: "Java面试指南", icon: "java", link: "/home", },
7979
{ text: "Java面试指北", icon: "java", link: "https://sourl.cn/e7ee87", },
80-
{ text: "IDEA指南", icon: "intellijidea", link: "/idea-tutorial/", },
81-
{ text: "开发工具", icon: "Tools", link: "/tools/", },
8280
{
83-
text: "关于作者", icon: "zuozhe", link: "/about-the-author/"
81+
text: "开发工具", icon: "Tools", link: "/tools/",
82+
items: [
83+
{ text: "Database", icon: "database", link: "/tools/database/chiner/" },
84+
{ text: "Git", icon: "git", link: "/tools/git/git-intro/" },
85+
{ text: "Docker", icon: "docker1", link: "/tools/docker/docker-intro/" },
86+
{ text: "IntelliJ IDEA", icon: "intellijidea", link: "/idea-tutorial/" },
87+
]
8488
},
89+
{ text: "关于作者", icon: "zuozhe", link: "/about-the-author/" },
8590
],
8691
sidebar: {
8792
// 应该把更精确的路径放置在前边
@@ -91,7 +96,7 @@ module.exports = config({
9196
],
9297
'/tools/': [
9398
{
94-
title: "数据库", icon: "database", prefix: "database/", collapsable: false,
99+
title: "Database", icon: "database", prefix: "database/", collapsable: false,
95100
children: ["CHINER", "DBeaver", "screw", "DataGrip"]
96101
},
97102
{
@@ -100,7 +105,7 @@ module.exports = config({
100105
},
101106
{
102107
title: "Docker", icon: "docker1", prefix: "docker/", collapsable: false,
103-
children: ["docker", "docker从入门到实战"]
108+
children: ["docker-intro", "docker从入门到实战"]
104109
},
105110
],
106111
'/high-quality-technical-articles/': [

‎docs/home.md

+19-14
Original file line numberDiff line numberDiff line change
@@ -10,20 +10,25 @@ title: JavaGuide（Java学习&&面试指南）
1010
> 3. **面试专版** ：准备面试的小伙伴可以考虑面试专版：[《Java 面试进阶指北 》](https://www.yuque.com/docs/share/f37fc804-bfe6-4b0d-b373-9c462188fec7) (质量很高，专为面试打造)
1111
> 4. **转载须知** ：以下所有文章如非文首说明为转载皆为我（Guide 哥）的原创，转载在文首注明出处，如发现恶意抄袭/搬运，会动用法律武器维护自己的权益。让我们一起维护一个良好的技术创作环境！⛽️
1212
13-
<p align="center">
14-
<a href="https://github.com/Snailclimb/JavaGuide" target="_blank">
15-
<img src="https://img-blog.csdnimg.cn/img_convert/1c00413c65d1995993bf2b0daf7b4f03.png#pic_center" width="" />
16-
</a>
17-
</p>
18-
<p align="center">
19-
<a href="https://javaguide.cn/"><img src="https://img.shields.io/badge/阅读-read-brightgreen.svg" alt="阅读" /></a>
20-
<img src="https://img.shields.io/github/stars/Snailclimb/JavaGuide" alt="stars" />
21-
<img src="https://img.shields.io/github/forks/Snailclimb/JavaGuide" alt="forks" />
22-
<img src="https://img.shields.io/github/issues/Snailclimb/JavaGuide" alt="issues" />
23-
</p>
24-
<p align="center">
25-
<a href="https://mp.weixin.qq.com/s?__biz=Mzg2OTA0Njk0OA==&mid=2247514565&idx=1&sn=02995b7591bef3361fd5be06d6bebdbc&chksm=cea1f60ef9d67f184057833b01ee7a820ffc6cc201bc2f6dae9f4c3d93fe7962bb3ab08adbfd&token=1069133552&lang=zh_CN#rd"> <img src="../media/sponsor/知识星球.png" style="margin: 0 auto; width: 850px;" /></a>
26-
</p>
13+
<div align="center">
14+
<p>
15+
<a href="https://github.com/Snailclimb/JavaGuide" target="_blank">
16+
<img src="https://img-blog.csdnimg.cn/img_convert/1c00413c65d1995993bf2b0daf7b4f03.png#pic_center" width="" />
17+
</a>
18+
</p>
19+
<p>
20+
<a href="https://javaguide.cn/"><img src="https://img.shields.io/badge/阅读-read-brightgreen.svg" alt="阅读" /></a>
21+
<img src="https://img.shields.io/github/stars/Snailclimb/JavaGuide" alt="stars" />
22+
<img src="https://img.shields.io/github/forks/Snailclimb/JavaGuide" alt="forks" />
23+
<img src="https://img.shields.io/github/issues/Snailclimb/JavaGuide" alt="issues" />
24+
</p>
25+
<p>
26+
<a href="https://mp.weixin.qq.com/s?__biz=Mzg2OTA0Njk0OA==&mid=2247514565&idx=1&sn=02995b7591bef3361fd5be06d6bebdbc&chksm=cea1f60ef9d67f184057833b01ee7a820ffc6cc201bc2f6dae9f4c3d93fe7962bb3ab08adbfd&token=1069133552&lang=zh_CN#rd">
27+
<img src="../media/sponsor/知识星球.png" style="margin: 0 auto; width: 850px;" />
28+
</a>
29+
</p>
30+
</div>
31+
2732

2833
在大三准备面试的时候，我开源了 JavaGuide 。我把自己准备面试过程中的一些总结都毫不保留地通过 JavaGuide 分享了出来。
2934

‎docs/tools/database/chiner.md

+105
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,105 @@
1+
---
2+
title: CHINER:干掉 PowerDesigner，这个国产数据库建模工具很强！
3+
category: 数据库
4+
tag:
5+
- 开发工具
6+
---
7+
8+
大家好，我是 Guide！
9+
10+
今天给小伙伴们分享一个我平时经常使用的国产数据库建模工具，非常好用！
11+
12+
这个数据库建模工具的名字叫做 **CHINER** [kaɪˈnər] 。可能大部分小伙伴都没有听过这个工具，不过，相信大部分小伙伴应该都听说过 CHINER 的前身 **PDMan**。
13+
14+
CHINER 是 CHINESE Entity Relation 的缩写，翻译过来就是国产实体关系图工具，中文名称为：**元数建模**，也作:"**CHINER[元数建模]**"公开使用。
15+
16+
CHINER 对 PDMan 的架构设计进行了大幅改善，并对 PDMan 做到高度兼容。
17+
18+
CHINER 的界面简单，功能简洁，非常容易上手。并且，可以直接导入 PowerDesigner 文件、PDMan 文件，还可以直接从数据库或者 DDL 语句直接导入。
19+
20+
![](https://guide-blog-images.oss-cn-shenzhen.aliyuncs.com/javaguide/c877cb96e03e4de8920dd22a79d6fba1.png)
21+
22+
CHINER 的技术栈：React+Electron+Java 。
23+
24+
* Gitee 地址：https://gitee.com/robergroup/chiner 。
25+
* 操作手册： https://www.yuque.com/chiner/docs/manual 。
26+
27+
## 快速体验
28+
29+
### 下载安装
30+
31+
CHINER 提供了 **Windows** 、**Mac** 、**Linux** 下的一键安装包，我们直接下载即可。
32+
33+
> 下载地址：https://gitee.com/robergroup/chiner/releases
34+
35+
需要注意的是：如果你当前使用的 Chrome 浏览器的话，无法直接点击链接下载。你可以更换浏览器下载或者右键链接选择链接存储为...。
36+
37+
![](https://guide-blog-images.oss-cn-shenzhen.aliyuncs.com/javaguide/de3f014d52254bc3b181bd601fada431.png)
38+
39+
打开软件之后，界面如下图所示。
40+
41+
![](https://guide-blog-images.oss-cn-shenzhen.aliyuncs.com/javaguide/image-20211016084319216.png)
42+
43+
我这里以电商项目参考模板来演示 CHINER 的基本操作。
44+
45+
### 模块化管理
46+
47+
电商项目比较复杂，我们可以将其拆分为一个一个独立的模块（表分组），每个模块下有数据表，视图，关系图，数据字典。
48+
49+
像这个电商项目就创建了 3 个模块：消费端、商家端、平台端。
50+
51+
![](https://img-blog.csdnimg.cn/c23a46c0a32442e38962c1ec63a59ecc.png)
52+
53+
不过，对于一些比较简单的项目比如博客系统、企业管理系统直接使用简单模式即可。
54+
55+
### 数据库表管理
56+
57+
右键数据表即可创建新的数据库表，点击指定的数据库表即可对指定的数据库表进行设计。
58+
59+
![](https://img-blog.csdnimg.cn/d106ad816e7f429b95a1050c8a8ee734.png)
60+
61+
并且，数据表字段可以直接关联数据字典。
62+
63+
![](https://img-blog.csdnimg.cn/7dc3085aeded4cac8da6d22ee596101a.png)
64+
65+
如果需要创建视图的话，直接右键视图即可。视图是从一个或多个表导出的虚拟的表，其内容由查询定义。具有普通表的结构，但是不实现数据存储。
66+
67+
![](https://img-blog.csdnimg.cn/6983993063e743ef93a0ad13f39edb4a.png)
68+
69+
数据库视图可以方便我们进行查询。不过，数据库视图会影响数据库性能，通常不建议使用。
70+
71+
### 关系图
72+
73+
我平时在项目中比较常见的 **ER 关联关系图** ，可以使用 CHINER 进行手动维护。
74+
75+
如果你需要添加新的数据库表到关系图的话，直接拖拽指定的数据库表到右边的关系图展示界面即可。另外，表与表之间的关联也需要你手动对相关联的字段进行连接。
76+
77+
![](https://img-blog.csdnimg.cn/7f7d0ae74e3f42068c9f084d1ff39af1.png)
78+
79+
手动进行维护，说实话还是比较麻烦的，也比较容易出错。
80+
81+
像 [Navicat Data Modeler](https://www.navicat.com.cn/products/navicat-data-modeler) 在这方面就强多了，它可以自动生成 ER 图。
82+
83+
![](https://img-blog.csdnimg.cn/08740807c2d746a3ab44d939b79d4d8f.png)
84+
85+
### 数据库表代码模板
86+
87+
支持直接生成对应表的 SQL 代码（支持 MySQL、Oracle、SQL Server、PostgreSQL 等数据库）并且还提供了 Java 和 C# 的 JavaBean。
88+
89+
![](https://img-blog.csdnimg.cn/ab758108b5e540f0bcff0a09f0513636.png)
90+
91+
### 导出数据库表
92+
93+
你可以选择导出 DDL、Word 文档、数据字典 SQL、当前关系图的图片。
94+
95+
![](https://img-blog.csdnimg.cn/1497089d38a7416db1fd6da7c01b41ea.png)
96+
97+
### 数据库逆向
98+
99+
你还可以连接数据库，逆向解析数据库。
100+
101+
![](https://img-blog.csdnimg.cn/e93ee1d31f0f4cf894e330eee1420b89.png)
102+
103+
数据库连接成功之后，我们点击右上角的菜单 `导入—> 从数据库导入` 即可。
104+
105+
![](https://img-blog.csdnimg.cn/377f8aef4f4e4b17afda532362bdbeae.png)

‎docs/tools/docker/docker.md ‎docs/tools/docker/docker-intro.md

File renamed without changes.

0 commit comments

Comments
 (0)