vue代码生成器可视化界面_手把手教你基于SqlSugar4编写一个可视化代码生成器（生成实体，以SqlServer为例，文末附源码）...

在开发过程中免不了创建实体类，字段少的表可以手动编写，但是字段多还用手动创建的话不免有些浪费时间，假如一张表有100多个字段，手写有些不现实。

这时我们会借助一些工具，如：动软代码生成器、各种ORM框架自带的代码生成器等等，都可以使用。

我们现在就基于SqlSugar(ORM框架)自己动手制造一个轮子，以SqlServer为例。我们先看一下成品效果，

使用流程：

　　配置好数据库链接，点击【链接数据库】获取指定服务器上的数据库名，点击数据库名，动态获取数据库下面的所有表，

点击数据表，如果生成过了的会自动获取生成的实体，如果没有生成过，点击【生成实体】自动生成显示，直接复制即可使用。

注：server=xxx.xxx.x.xxx这里如果是本地没有配置的话直接server=.即可。

开发环境：

编译器：Visual Studio 2017

运行环境：windows7 x64

数据库：SqlServer2012

代码实现步骤：

一、创建一个ASP.NET Web应用，命名为GenerateEntity

二、应用SqlSugar动态链接库

三、编写代码

这里分为前端和后端，前端页面展示，后端后台逻辑(注：由于我们是代码展示，所以就不搞三层架构、工厂模式这些，直接在控制器中完成，有需要的同学可以根据项目需求进行更改)

内部实现逻辑：

• 在页面上配置数据库链接，点击【链接数据库】按钮获取指定数据库的所有数据库名显示在左边；

• 点击左边的数据库名称，动态获取指定数据库下面所有的表显示出来；

• 点击表名，生成过的就显示生成的实体，没有的则点击【生成实体】按钮生成(支持生成单表和数据库表全部生成)；

这里我直接贴出代码，直接拷贝即可使用：

前端html页面

@{
        ViewBag.Title = "Home Page";}<script src="~/Scripts/jquery-3.3.1.js">script><div style="margin-top:10px;font-family:'Microsoft YaHei';font-size:18px; ">    <div style="height:100px;width:100%;border:1px solid gray;padding:10px">        <div>            <span>链接数据库：span>            <input style="width:800px;max-width:800px;" id="Link" value="server=xxx.xxx.x.xxx;uid=sa;pwd=xxx" />            <a href="javascript:void(0)" onclick="LinkServer()">链接数据库a>        div>        <div style="margin-top:10px">            <span>数据库名：span>            <input style="color:red;font-weight:600" id="ServerName" />            <span>表名：span>            <input style="color:red;font-weight:600" id="TableName" />            <span>生成类型：span>            <select id="type">                <option value="0">生成单个表option>