ASP.NET开发环境配置

Git ww9992019com 发表于 5 天前

<div style="width:100%;float:left;" class="article-content">

                <input type="hidden" name="article_id" id="article_id" value="12491">
                <input type="hidden" name="catid" id="catid" value="0">

                <p>ASP.NET在构建Web应用程序的HTTP之上提供了一个抽象层。它在面向对象的范例中提供了高级实体,例如类和组件。</p>

<p>构建ASP.NET应用程序和前端的关键开发工具是Visual Studio。 在本教程中,我们使用Visual Studio 2017(社区版本)。</p>

<p>Visual Studio是用于编写,编译和调试代码的集成开发环境。它为构建ASP.NET Web应用程序,Web服务,桌面应用程序和移动应用程序提供了一套完整的开发工具。</p>

<h2 id="h2-u5B89u88C5"><a name="%E5%AE%89%E8%A3%85" class="reference-link"></a><span class="header-link octicon octicon-link"></span>安装</h2><p>Microsoft提供了一个免费版本的<em>Visual Studio</em>,它也包含SQL Server,可以从网站: www.visualstudio.com 下载。使用这个工具,可以编写和构建各种ASP.Net程序 - 从简单的命令行应用程序更复杂的应用程序的编写。在本教程中,我们使用Visual Studio 2017社区版本(下载: <a href="http://www.visualstudio.com/downloads/">http://www.visualstudio.com/downloads/</a> )作为开发工具。</p>

<blockquote>

<p>请注意,需要有效的互联网连接才能安装快速版。</p>

</blockquote>

<p>下载完成后,按照安装软件的常用方法,双击软件包,启动安装界面,同意协议,选择安装目录,然后在线下载安装,至到完成。</p>

<p>在安装完成后,启动<em>Visual Studio</em>后的工作界面如下 - </p>

<p><img src="http://www.yiibai.com/uploads/images/201711/3011/648151119_88517.png" alt=""></p>

<p>现在就可以使用<em>Visual Studio</em> 来开发应用程序了。</p>

<h2 id="h2-visual-studio-ide-"><a name="Visual%20Studio%20IDE%E7%AE%80%E4%BB%8B" class="reference-link"></a><span class="header-link octicon octicon-link"></span>Visual Studio IDE简介</h2><p>我们可以从左上角菜单中,选择:<em>文件</em> -&gt; <em>新建</em> -&gt; <em>项目</em>,创建一个新项目新的项目窗口允许从可用模板中选择应用程序模板。</p>

<p>当启动一个新的网站时,ASP.NET提供了该网站的起始文件夹和文件,包括该网站的第一个Web窗体的两个文件。</p>

<p>其中有一个名称为<code>Default.aspx</code>的文件包含定义窗体的HTML和asp代码,另一个名称为<em>Default.aspx.cs</em>(用于 C# 编码)的文件或名称为<em>Default.aspx.vb</em>(用于VB编码)的文件包含选择的编程语言,并且此代码负责在窗体上执行的操作。</p>

<p>Visual Studio IDE中的主窗口是Web窗体设计器窗口。其他支持窗口是<em>工具箱</em>,<em>解决方案资源管理器</em>和<em>属性</em>窗口。您可以使用<em>设计器</em>来设计Web窗体,将代码添加到窗体上的控件,根据需要工作添加窗体控制动作和处理,也可以使用代码编辑器编写代码实现。</p>

<h4 id="h4--windows"><a name="%E4%BD%BF%E7%94%A8%E8%A7%86%E5%9B%BE%E5%92%8CWindows" class="reference-link"></a><span class="header-link octicon octicon-link"></span>使用视图和Windows</h4><p>可以通过以下方式使用窗口:</p>

<ul>

<li>要将Web窗体设计器从一个视图更改为另一个视图,请单击设计或源按钮。</li><li>要关闭窗口,请单击右上角的关闭按钮并重新显示,从“视图”菜单中选择它。</li><li>要隐藏一个窗口,点击其自动隐藏按钮。该窗口然后变成一个选项卡。 要再次显示,请再次单击“自动隐藏”按钮。</li><li>要更改窗口的大小,只需拖动它。</li></ul>

<h4 id="h4-u5C06u6587u4EF6u5939u548Cu6587u4EF6u6DFBu52A0u5230u7F51u7AD9u9879u76EE"><a name="%E5%B0%86%E6%96%87%E4%BB%B6%E5%A4%B9%E5%92%8C%E6%96%87%E4%BB%B6%E6%B7%BB%E5%8A%A0%E5%88%B0%E7%BD%91%E7%AB%99%E9%A1%B9%E7%9B%AE" class="reference-link"></a><span class="header-link octicon octicon-link"></span>将文件夹和文件添加到网站项目</h4><p>创建新的Web窗体时,Visual Studio会自动生成表单的起始HTML,并将其显示在Web表单设计器的“源”视图中。 <em>解决方案资源管理器</em>用于添加网站上的任何其他文件,文件夹或任何现有项目。</p>

<ul>

<li><p>要添加标准文件夹,请右键单击要在<em>“解决方案资源管理器”</em>中添加文件夹的项目或文件夹,然后选择<em>“新建文件夹”</em>。</p>

</li><li><p>要添加一个ASP.NET文件夹,请右键单击<em>解决方案资源管理器</em>中的项目,然后从列表中选择该文件夹。</p>

</li><li><p>要将现有项目添加到站点,请右键单击要在<em>解决方案资源管理器</em>中添加项目的项目或文件夹,然后从对话框中选择。</p>

</li></ul>

<h4 id="h4-u9879u76EEu548Cu89E3u51B3u65B9u6848"><a name="%E9%A1%B9%E7%9B%AE%E5%92%8C%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88" class="reference-link"></a><span class="header-link octicon octicon-link"></span>项目和解决方案</h4><p>一个典型的ASP.NET应用程序由许多项目组成:Web内容文件(<code>.aspx</code>),源文件(<code>.cs</code>文件),程序集(<code>.dll</code>和<code>.exe</code>文件),数据源文件(<code>.mdb</code>文件),引用,图标 ,用户控件和其他文件和文件夹。组成该网站的所有这些文件都包含在解决方案中。</p>

<p>当一个新的网站被创建后。Visual Studio会自动创建解决方案并将其显示在<em>解决方案资源管理器</em>中。</p>

<p>解决方案可能包含一个或多个项目。一个项目包含内容文件,源文件和其他文件,如数据源和图像文件。通常,项目的内容将作为可执行文件(<code>.exe</code>)或动态链接库(<code>.dll</code>)文件编译为程序集。</p>

<p>通常,项目包含以下内容文件:</p>

<ul>

<li>页面文件(<code>.aspx</code>)</li><li>用户控件(<code>.ascx</code>)</li><li>Web服务(<code>.asmx</code>)</li><li>母版页(<code>.master</code>)</li><li>网站地图(<code>.sitemap</code>)</li><li>网站配置文件(<code>.config</code>)</li></ul>

<h4 id="h4-u5EFAu7ACBu548Cu8FD0u884Cu4E00u4E2Au9879u76EE"><a name="%E5%BB%BA%E7%AB%8B%E5%92%8C%E8%BF%90%E8%A1%8C%E4%B8%80%E4%B8%AA%E9%A1%B9%E7%9B%AE" class="reference-link"></a><span class="header-link octicon octicon-link"></span>建立和运行一个项目</h4><p>可以通过执行一个应用程序/运行项目:</p>

<ul>

<li>选择<em>开始</em></li><li>从调试菜单中选择开始而不调试,</li><li>按F5</li><li>按Ctrl-F5</li></ul>

<p>该程序是建立的含义,<code>.exe</code>或<code>.dll</code>文件是通过从生成菜单中选择一个命令生成的。</p>

                <br>
                <p style="text-align:center;float:left;width:100%;margin-top:24px;margin-bottom:18px;">
                        <button class="layui-btn layui-btn-danger" id="btn-reward"> ¥ 我要打赏 </button>  
                        <button class="layui-btn" id="article-perfect">
                            <i class="layui-icon layui-icon-edit"></i>教程纠错
                        </button>
                        <button class="layui-btn layui-btn-normal" id="action-collection">
                            <i class="layui-icon layui-icon-rate"></i>收藏
                        </button>
                </p>



                <div style="width:100%;margin-bottom: 16px; height: 32px;margin-top:18px;float:left;">

                    <span style="float:left;">上一篇:<a href="http://f2e.im/u/ww9992019com" title="ASP.NET简介"><i class="layui-icon"></i>
                            ASP.NET简介</a></span>
                                            <span style="float:right;">下一篇:<a href="http://f2e.im/u/ww9992019com" style="float:right;" title="下一篇:ASP.NET生命周期"><i class="layui-icon"></i>
                            ASP.NET生命周期</a></span>
                                            <div id="googlead" style="float:left;margin-top:8px;">
                        <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
                        <!-- yiibai下方 -->
                        <ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-1090193214637198" data-ad-slot="6494738921"></ins>
                        <script>
                            (adsbygoogle = window.adsbygoogle || []).push({});
                        </script>
                    </div>
                </div>

                <div style="width:100%;margin-top:18px;float:left;">


            </div>
暂无回复,说出你的观点吧
登录后即可参与回复