code-generator/index.html at master · MenciusCheng/code-generator · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>代码生成器 V0.2</title>

    <link rel="stylesheet" href="style.css">
</head>

<body>
    <h3>代码生成器</h3>
    <nav>
        <span>普通版</span>
        <a href="big/big.html">大杀器版</a>
        <a href="big2/big2.html">大杀器2.0版</a>
        <a href="thai/thai.html">泰国版</a>
        <a href="text-transform/index.html">文本转换</a>
    </nav>
    <div class="row">
        <div class="col">
            <div>待解析文本</div>
            <div>
                <textarea name="sqlTextArea" id="sqlTextArea" cols="90" rows="30" wrap="off"></textarea>
            </div>
            <div>
                <label for="parserSelect">解析器:</label>
                <select id="parserSelect">
                    <option value="parseSqlList">sql列表</option>
                    <option value="parseHTList">解析水平制表分隔符</option>
                    <option value="parseSql">sql</option>
                    <option value="parseThrift">thrift</option>
                    <option value="parseNumber">地址编码</option>
                    <option value="parseServiceImpl">serviceImpl</option>
                    <option value="parseSqlEnum">SQL枚举</option>
                </select>
                <button id="parseSqlButton">解析并渲染</button>
            </div>
        </div>
        <div class="col">
            <div>渲染模板</div>
            <div>
                <textarea name="templateTextArea" id="templateTextArea" cols="90" rows="30" wrap="off"></textarea>
            </div>
            <div>
                <label for="templateSelect">模板:</label>
                <select id="templateSelect">
                    <option value="thriftTemplate">thrift</option>
                    <option value="htTemplate">水平制表分隔符模板</option>
                    <option value="caseClassTemplate">case class</option>
                    <option value="dbTemplate">dbTemplate</option>
                    <option value="serviceXmlTemplate">serviceXmlTemplate</option>
                    <option value="metaUITemplate">metaUI</option>
                    <option value="domainTableTemplate">domainTableTemplate</option>
                    <option value="serviceImplTemplate">serviceImplTemplate</option>
                    <option value="sqlEnumTemplate">sqlEnumTemplate</option>
                    <option value="thAreaTemplate">泰国地址模板</option>
                    <option value="common-diy1">自定义模板一</option>
                    <option value="common-diy2">自定义模板二</option>
                    <option value="common-diy3">自定义模板三</option>
                </select>
            </div>
        </div>
        <div class="col">
            <div>结果</div>
            <div>
                <textarea name="resultTextArea" id="resultTextArea" cols="90" rows="30" wrap="off"></textarea>
            </div>
            <div>
                <button id="copyResultButton" data-clipboard-target="#resultTextArea">复制</button>
            </div>
        </div>
    </div>

    <h3>说明</h3>
    <div class="row">
        <p>代码生成器旨在减少你的重复性工作。</p>
        <p>这个代码生成器会先把 SQL 解析成一个对象，再根据模板取出对象的属性，生成代码。</p>
        <h4>新的解析器</h4>
        <p>现在你可以选择更多的解析器了，但是 thrift 解析器还没有对应的内置渲染模板，需要你去自定义渲染模板。想要更多的解析器和渲染模板，可以跟我联系。</p>
        <h4>模板格式</h4>
        <ul>
            <li>=[属性名] // 获取指定属性名的值</li>
            <li>=[通用方法,属性名] // 可以在通用方法列表里面选择你要的方法，然后这个方法会作用在指定的属性名上。注意：里面不能有空格。</li>
            <li>=[SEP,特殊方法名] // 可以在特殊方法列表里面选择你要的方法。</li>
            <li>=[FUNC,注入方法名]=function(x){return x+1} // 可以自定义支持的方法</li>
            <li>For 循环，循环指定的属性数组，并且可以在里面使用 forIndex 和 forLength 属性。注意：目前的属性数组只有 rows</li>
            <pre>
=[FOR,属性名]
// 循环体
=[FOREND]</pre>
            <li>=[IF,属性名]内容[IFEND] // 单行条件语句，当属性为真时，显示里面的内容。</li>
            <li><span class="new_flag">new</span> 多行条件语句：</li>
            <pre>=[IFM,属性名]
// 内容
=[IFMEND]</pre>
        </ul>
        <h4>自定义属性</h4>
        <p>你可以在SQL编辑器那里添加自己的属性，然后在模板里面使用，注意该方法必须单独一行，前后不能有其他字符，格式如下：</p>
        <p>@=[自定义属性名,属性值]</p>
        <p>示例：比如模板 service 里面，可以在SQL编辑器那里加一行 @=[serviceName,生产商]</p>
        <h4>通用方法</h4>
        <ul>
            <li>camelize // 下划线转驼峰</li>
            <li>underScore // 驼峰转下划线</li>
            <li>upperFirst // 首字母转大写</li>
            <li>lowerFirst // 首字母转小写</li>
            <li>singular // 单词转单数</li>
            <li>plural // 单词转复数</li>
            <li>dataTypeToScala // 把数据类型转换为Scala的类型</li>
            <li>dataTypeToThrift // 把数据类型转换为Thrift的类型</li>
            <li>upperFirstAndPlural // 首字母转大写并且转成复数</li>
            <li>......想要更多的方法？等你来建议。</li>
        </ul>
        <h4>特殊方法</h4>
        <ul>
            <li>addSeparatorComma // 作用在 For 循环里面，增加逗号分隔符</li>
        </ul>
        <h4>SQL 解析出来的格式如下，解析后的对象会打印在控制台中。</h4>
        <pre>
{
    tableName: "category",
    tableComment: "细分品类表",
    rows: [
        {
            fieldName: "nameEn",
            dataType: "string", // string, int, timestamp, double
            isOptional: true,
            fieldComment: "英文全称"
        }
    ]
}
        </pre>
        <h4>示例 SQL ：</h4>
        <pre>
CREATE TABLE `manufacturers` (
    `id` int(11) NOT NULL AUTO_INCREMENT,
    `name_en` varchar(255) NOT NULL COMMENT '英文通用名称',
    `full_name_en` varchar(255) NOT NULL COMMENT '英文全称',
    `name_th` varchar(255) NOT NULL COMMENT '泰文通用名称',
    `full_name_th` varchar(255) NOT NULL COMMENT '泰文全称',
    `created_at` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP,
    `created_by` int(11) NOT NULL,
    `updated_at` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
    `updated_by` int(11) NOT NULL,
    PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COMMENT='生产商表';
        </pre>

        <h4>联系方式</h4>
        <p>作者：Marvel Cheng</p>
        <p>Email: 295567172@qq.com</p>

        <h4>源码地址</h4>
        <p><a href="https://github.com/MenciusCheng/code-generator" target="_blank">https://github.com/MenciusCheng/code-generator</a></p>
    </div>

    <script src="./lib/jquery-3.3.1.js"></script>
    <script src="./lib/clipboard.min.js"></script>
    <script src="./lib/pluralize.js"></script>
    <script src="./codeTemplate.js"></script>
    <script src="./codeGenerator.js"></script>
    <script src="./index.js"></script>
</body>

</html>