数据库设计文档-美化格式样例
之前在找数据库设计文档的范例, 无意中 浏览到 "路过秋天" 写的 论坛数据库设计文档.
觉得这种排版布局很好,我就想法子抄下来了. 贴上原文地址: https://www.cnblogs.com/cyq1162/archive/2011/04/10/2011433.html
以下贴两张样例图片:
下面是代码:
1 <!DOCTYPE html> 2 3 <html> 4 <head runat="server"> 5 <meta name="viewport" content="width=device-width" /> 6 <title>DBDoc</title> 7 8 <link href="../../css/blog-common.min.css" rel="stylesheet" /> 9 <link href="../../css/bundle-nature.min.css" rel="stylesheet" /> 10 <link href="../../css/customer.css" rel="stylesheet" /> 11 </head> 12 <body> 13 <div id="topics"> 14 <div id="post_detail"> 15 <div class="post"> 16 <div class="postTitle"> 17 <h1> 18 <a id="cb_post_title_url" class="postTitle2 vertical-middle" href="https://www.cnblogs.com/cyq1162/archive/2011/04/10/2011433.html"> 19 <span role="heading" aria-level="2">秋式开源团队：第一期项目论坛数据库设计文档</span> 20 21 </a> 22 </h1> 23 </div> 24 <div id="cnblogs_post_body" class="blogpost-body blogpost-body-html"> 25 <p><strong>下面为本期论坛数据库设计文档，发布共享，同时也欢迎各界人士多提意见。</strong></p> 26 <div style="margin: 20px auto; width: 700px; text-align: left"> 27 <a name="index" rel="noopener"> 28 <h2 style="line-height: 50px; text-align: center">论坛：数据库设计文档</h2> 29 <div><strong>数据库名：CYQBBS</strong></div> 30 <div class="table-wrapper"> 31 <table cellspacing="1" cellpadding="0"> 32 <thead> 33 <tr> 34 <td style="width: 40px">序号</td> 35 <td>表名</td> 36 <td>说明</td> 37 </tr> 38 </thead> 39 <tbody> 40 <tr> 41 <td style="text-align: center">1</td> 42 <td><a href="#BBS_Attachment" rel="noopener">BBS_Attachment</a></td> 43 <td>论坛附件表</td> 44 </tr> 45 <tr> 46 <td style="text-align: center">2</td> 47 <td><a href="#BBS_AttachmentDown" rel="noopener">BBS_AttachmentDown</a></td> 48 <td>论坛附件下载的用户列表</td> 49 </tr> 50 <tr> 51 <td style="text-align: center">3</td> 52 <td><a href="#BBS_Class" rel="noopener">BBS_Class</a></td> 53 <td>论坛版块分类</td> 54 </tr> 55 <tr> 56 <td style="text-align: center">4</td> 57 <td><a href="#BBS_Global" rel="noopener">BBS_Global</a></td> 58 <td>一些全局信息记录</td> 59 </tr> 60 <tr> 61 <td style="text-align: center">5</td> 62 <td><a href="#BBS_Group" rel="noopener">BBS_Group</a></td> 63 <td>论坛权限组</td> 64 </tr> 65 <tr> 66 <td style="text-align: center">6</td> 67 <td><a href="#BBS_GroupRight" rel="noopener">BBS_GroupRight</a></td> 68 <td>权限组的权限表-组对应有哪些功能</td> 69 </tr> 70 <tr> 71 <td style="text-align: center">7</td> 72 <td><a href="#BBS_Icon" rel="noopener">BBS_Icon</a></td> 73 <td>论坛帖子图标表</td> 74 </tr> 75 <tr> 76 <td style="text-align: center">8</td> 77 <td><a href="#BBS_Manage" rel="noopener">BBS_Manage</a></td> 78 <td>论坛版本权限功能表</td> 79 </tr> 80 <tr> 81 <td style="text-align: center">9</td> 82 <td><a href="#BBS_Online" rel="noopener">BBS_Online</a></td> 83 <td>论坛在线用户表</td> 84 </tr> 85 <tr> 86 <td style="text-align: center">10</td> 87 <td><a href="#BBS_Reply" rel="noopener">BBS_Reply</a></td> 88 <td>论坛帖子回复表</td> 89 </tr> 90 <tr> 91 <td style="text-align: center">11</td> 92 <td><a href="#BBS_Special" rel="noopener">BBS_Special</a></td> 93 <td>论坛帖子专题分类表</td> 94 </tr> 95 <tr> 96 <td style="text-align: center">12</td> 97 <td><a href="#BBS_Topic" rel="noopener">BBS_Topic</a></td> 98 <td>论坛帖子表</td> 99 </tr> 100 <tr> 101 <td style="text-align: center">13</td> 102 <td><a href="#BBS_TopicState" rel="noopener">BBS_TopicState</a></td> 103 <td>论坛帖子状态表，包括如精华贴、置顶贴，推荐贴等</td> 104 </tr> 105 <tr> 106 <td style="text-align: center">14</td> 107 <td><a href="#BBS_TopicStateType" rel="noopener">BBS_TopicStateType</a></td> 108 <td>论坛帖子状态分类，可以创建如置顶、精华、推荐等状态</td> 109 </tr> 110 <tr> 111 <td style="text-align: center">15</td> 112 <td><a href="#BBS_User" rel="noopener">BBS_User</a></td> 113 <td>论坛用户表</td> 114 </tr> 115 <tr> 116 <td style="text-align: center">16</td> 117 <td><a href="#BBS_UserRight" rel="noopener">BBS_UserRight</a></td> 118 <td>用户权限表,包括版主、管理员等权限</td> 119 </tr> 120 <tr> 121 <td style="text-align: center">17</td> 122 <td><a href="#BBS_Vote" rel="noopener">BBS_Vote</a></td> 123 <td>论坛投票帖子</td> 124 </tr> 125 <tr> 126 <td style="text-align: center">18</td> 127 <td><a href="#BBS_VoteItem" rel="noopener">BBS_VoteItem</a></td> 128 <td>论坛投标帖的投票项</td> 129 </tr> 130 <tr> 131 <td style="text-align: center">19</td> 132 <td><a href="#BBS_VoteUser" rel="noopener">BBS_VoteUser</a></td> 133 <td>论坛投票帖的投票用户</td> 134 </tr> 135 <tr> 136 <td style="text-align: center">20</td> 137 <td><a href="#ErrorLogs" rel="noopener">ErrorLogs</a></td> 138 <td>数据库执行错误日志</td> 139 </tr> 140 </tbody> 141 </table> 142 </div> 143 </a><a name="BBS_Attachment" rel="noopener"></a> 144 <div style="margin-top: 30px"><a name="BBS_Attachment" rel="noopener"></a><a style="margin-top: 6px; float: right" href="#index" rel="noopener">返回目录</a><strong>数据表名：BBS_Attachment</strong></div> 145 <div>说明：论坛附件表</div> 146 <div>数据列：</div> 147 <div class="table-wrapper"> 148 <table cellspacing="1" cellpadding="0"> 149 <thead> 150 <tr> 151 <td style="width: 40px">序号</td> 152 <td>名称</td> 153 <td>数据类型</td> 154 <td>允许空值</td> 155 <td>说明</td> 156 </tr> 157 </thead> 158 <tbody> 159 <tr> 160 <td style="text-align: center">1</td> 161 <td>ID</td> 162 <td>int</td> 163 <td style="text-align: center">N</td> 164 <td>ID标识</td> 165 </tr> 166 <tr> 167 <td style="text-align: center">2</td> 168 <td>TopicID</td> 169 <td>int</td> 170 <td style="text-align: center">Y</td> 171 <td>帖子ID</td> 172 </tr> 173 <tr> 174 <td style="text-align: center">3</td> 175 <td>Name</td> 176 <td>nvarchar(200)</td> 177 <td style="text-align: center">Y</td> 178 <td>附件名称</td> 179 </tr> 180 <tr> 181 <td style="text-align: center">4</td> 182 <td>FilePath</td> 183 <td>nvarchar(510)</td> 184 <td style="text-align: center">Y</td> 185 <td>附件地址</td> 186 </tr> 187 <tr> 188 <td style="text-align: center">5</td> 189 <td>Point</td> 190 <td>int</td> 191 <td style="text-align: center">Y</td> 192 <td>下载所需积分</td> 193 </tr> 194 <tr> 195 <td style="text-align: center">6</td> 196 <td>Descrption</td> 197 <td>nvarchar(2000)</td> 198 <td style="text-align: center">Y</td> 199 <td>描述</td> 200 </tr> 201 <tr> 202 <td style="text-align: center">7</td> 203 <td>UserID</td> 204 <td>int</td> 205 <td style="text-align: center">Y</td> 206 <td>投票者ID</td> 207 </tr> 208 <tr> 209 <td style="text-align: center">8</td> 210 <td>Count</td> 211 <td>int</td> 212 <td style="text-align: center">Y</td> 213 <td>附件被下载的总次数</td> 214 </tr> 215 <tr> 216 <td style="text-align: center">9</td> 217 <td>Enabled</td> 218 <td>bit</td> 219 <td style="text-align: center">Y</td> 220 <td>是否启用</td> 221 </tr> 222 <tr> 223 <td style="text-align: center">10</td> 224 <td>CreatedOn</td> 225 <td>datetime</td> 226 <td style="text-align: center">Y</td> 227 <td>上传时间</td> 228 </tr> 229 </tbody> 230 </table> 231 </div> 232 233 <div style="margin-top: 30px"><a name="ErrorLogs" rel="noopener"></a><a style="margin-top: 6px; float: right" href="#index" rel="noopener">返回目录</a><strong>数据表名：ErrorLogs</strong></div> 234 <div>说明：数据库执行错误日志</div> 235 <div>数据列：</div> 236 <div class="table-wrapper"> 237 <table cellspacing="1" cellpadding="0"> 238 <thead> 239 <tr> 240 <td style="width: 40px">序号</td> 241 <td>名称</td> 242 <td>数据类型</td> 243 <td>允许空值</td> 244 <td>说明</td> 245 </tr> 246 </thead> 247 <tbody> 248 <tr> 249 <td style="text-align: center">1</td> 250 <td>ID</td> 251 <td>int</td> 252 <td style="text-align: center">N</td> 253 <td>ID标识</td> 254 </tr> 255 <tr> 256 <td style="text-align: center">2</td> 257 <td>PageUrl</td> 258 <td>nvarchar(4000)</td> 259 <td style="text-align: center">Y</td> 260 <td>错误页面</td> 261 </tr> 262 <tr> 263 <td style="text-align: center">3</td> 264 <td>ErrorMessage</td> 265 <td>nvarchar(4000)</td> 266 <td style="text-align: center">Y</td> 267 <td>错误信息</td> 268 </tr> 269 <tr> 270 <td style="text-align: center">4</td> 271 <td>CreatedOn</td> 272 <td>datetime</td> 273 <td style="text-align: center">Y</td> 274 <td>创建时间</td> 275 </tr> 276 </tbody> 277 </table> 278 </div> 279 <div>主键及索引：</div> 280 <div class="table-wrapper"> 281 <table cellspacing="1" cellpadding="0"> 282 <thead> 283 <tr> 284 <td style="width: 40px">序号</td> 285 <td>名称</td> 286 <td>列名</td> 287 <td>是否主键</td> 288 </tr> 289 </thead> 290 <tbody> 291 <tr> 292 <td style="text-align: center">1</td> 293 <td>PK_ErrorLogs</td> 294 <td>ID</td> 295 <td style="text-align: center">Y</td> 296 </tr> 297 </tbody> 298 </table> 299 </div> 300 </div> 301 <p><strong style="color: rgba(255, 0, 0, 1)">推荐顺路看下一篇文章</strong>：<a class="titlelnk" href="http://www.cnblogs.com/cyq1162/archive/2011/04/11/2009568.html" target="_blank" rel="noopener"><strong><font color="#105cb6">框架设计之菜鸟漫漫江湖路系列 一：菜鸟入门</font></strong></a></p> 302 <p> </p> 303 </div> 304 305 </div> 306 </div> 307 </div> 308 309 </body> 310 </html>
另外需要引入3个样式文件.
css/blog-common.min.css
css/bundle-nature.min.css
css/customer.css
样式文件路径, 根据项目的实际目录做出调整.
我就放在压缩包里面,需要的自己下载
源码下载: 点击下载
另外就是为了便于分享, 可以导出pdf 或者 word 格式
直接 页面打印, 可以看到 右边 边线部分,需要做出调整,
将 打印的边距 调整一下 即可,这样 就正常了.
另外 不想这么麻烦的话, 可以 把页面 html 代码里面
<div class="post"> 这一行样式去掉改为 <div> 即可.
本文来自博客园，作者：兴想事成，转载请注明原文链接：https://www.cnblogs.com/mjxxsc/p/17154720.html
