用asp.net建立自己的网站过时了吗？vs2017建站测试笔记

记得long long ago，n years ago用asp.net建立过网站，今天不得以想做一个跨平台的系统，但目前还没有好的工具，不能跨andriod和windows及IOS，那么就做用asp.net个网站吧！

一、安装开发环境

首先，检查你的VS中有没有安装了asp.net的开发环境，如果没有的话，运行Visual studio Installer吧
.

二、新建项目
安装完成后，我们可以尝试建立一个demo网站了！试试吧！可是，可是，可是，等我打开VS2017仍然没有看到新建菜单里有网站这一项，这个和vs2010完全不同啊，什么情况。我慌了！！

那就新建“项目吧”，还好，柳暗花明又一村啊，这里有

点击asp.net web应用程序开始我们的项目吧！我们选择web from进行开始吧！

结果进来发现一大堆的文件，太多了，都是些乱七八糟的东西，我们先不用管，一开始有用的就数default.aspx了。这里的default.aspx就想到于winform中的窗体，而且是主窗体（C#中winform的主窗体是通过代码设置的，new出来的，而这里的是经过鼠标右键页面设置成起始页面即可，后面会讲到）

点开default.aspx看，也是一堆的广告，点击运行后如下

三、大致了解代码
我们来看看代码吧

上图代码有三处对于初学者必须说明：
1、masterPageFile:这里指的是模板，一般模板里面放置的是顶部的导航栏，底部的状态栏或者底部导航及网站备案等信息，这些信息在每个页面都要出现，所以放在模板里，那么新建一个页面后就启用母板，那么我没就没有必要为每个页面重些（当然，你可以写一个页面，用js包涵进去也是可以的）
2、asp:Content标签必须在有MasterpageFile的说明才能使用，这个标签里面就是我们各个网页的内容
3、codeBehind：则是每个aspx页面对应的cs代码，页面负责显示，代码负责处理业务，变量啊、数据啊，函数啊都在cs代码中完成。

四、新建自己的起始页index.aspx
下面我们删掉default也中的内容，或者重新建立一个index.aspx也可以，将上面说的三点包涵进入新的页面即可让母板site.master继续发挥作用

<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/Site.Master" CodeBehind="index.aspx.cs" Inherits="shanghan.index" %>
<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">

    <div>
        <label>新建页面</label>
        <p>新页面说明</p>
    </div>


    </asp:Content>

由代码模式切换到设计模式，即可以看到大致的效果

运行之前，我们可以将刚刚新建的index.aspx设置成为默认起始页面，点运行即可运行看效果了：

五、与后台代码互动

这里声明一个变量，在页面中增加一个按钮bt_ok、一个文本框tb_name、一个显示输入信息的label（informLb）。
页面设计：

public partial class index : System.Web.UI.Page
    {
       
        string informtxt = "本网站正在设计和测试中，开发指日可待！";
        /// <summary>
        /// 页面启动的时候就会默认调用的方法
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        protected void Page_Load(object sender, EventArgs e)
        {
           this.informLb.Text = informtxt;
        }

        protected void bt_ok_Click(object sender, EventArgs e)
        {
            if (tb_name.Text != "")
                informLb.Text = tb_name.Text;
        
        }
    }

运行效果：


有了这些了体验了，那么我们可以开始使用数据库了，将我们存储在数据库里的内容显示出。

六、显示数据库
这里我们不准备使用大型数据库，我们选择一个轻量级的文件数据库sqlite，我们从链接到查询显示一步一步来进行。
1、准备sqlite
两个文件要下载System.Data.SQLite.dll 将他放到你的项目bin目录下，然后在项目引用里引用它 。

下载时要注意和你的项目所采用的.net frame的版本一致，比如 64-bit Windows (.NET Framework 4.6)
下的版本不对，那就会出现各种错误，比如：未能加载文件或程序集“System.Data.SQLite”或它的某一个依赖项。试图加载格式不正确的程序。

或者直接在Nuget管理器中下载，它会自动安装。

接下来就是建立数据库文件了，我们可以用SQLiteStudio或者sqlitespy 工具新建数据库，书库库文件可以选择放在项目的/App_Data目录下，我们可以随意给取名，如：webdb.db3

2、数据库链接和查询

如果遇到这样的错误，说明你下的版本有问题，或者说项目属性中的“生成”中的平台目标设置成了x86，建议修改成为anycpu.

完整的链接数据库的代码为：

 string connectionString = "Data Source=" + System.Web.HttpContext.Current.Server.MapPath("~/App_Data/webdb.db3");
        SQLiteConnection connection = new SQLiteConnection(connectionString);
        string SQLString = "select * from mainItems";
        DataSet ds = new DataSet(); //数据集为后面装下查询所得的数据
        connection.Open();
        SQLiteDataAdapter command = new SQLiteDataAdapter(SQLString, connection);
        command.Fill(ds, "ds");
        gv1.DataSource = ds; //指定数据源
        gv1.DataBind();		//绑定

那么，为页面增加一个gridview，用来显示我么查询所得的数据

我们查询所得的结果为：

接下来，我们可以将数据库的操作做一些封装，然后界面进行美化以及功能加强，那我们的一个网站基本就可以用了。

这个建站笔记也算是浅尝辄止了，大家有兴趣的可以继续发挥哦！