zoukankan      html  css  js  c++  java
  • WebMatrix教程(二) (关注Microsoft 的最新武器:基于空白项目建立你的WebMatrix网站[上篇])

    谢谢大家对我第一篇的回复和提问,这里有一些补充说明:

    WebMatrix是微软于今年(2011)1月发布的,它的特点是:

    1. 完全免费
    2. 可用于Windows 或 Linux 服务器
    3. 可用于PHP或ASP.net开发
    4. 支持Razor(CSHTML) 一种新的语法结构(Scott 强调Razor不是一种新的语言)
    5. 包含SEO优化工具
    6. 方便开发人员快速安装及使用已有的开源系统(有些不开源(或半开源)的系统也包含在内)例如:DotNetNuke, Umbraco, WordPress, Joomla

    下文参考翻译自Create an ASP.NET website from scratch

    如果你还没有安装WebMatrix建议先阅读 WebMatrix教程(一) (关注WebMatrix–Microsoft 的最新武器:建立你的第一个WebMatrix网站)

    创建

    你可以从一个模板中或包含asp.net源码的文件夹中创建一个网站,或者从Gallery上下载一个开源的系统作为你的网站平台.

    image02

    我们下面将要做的是基于空白项目开始, 点击 Site From Template .

    image03

    选择Empty Site 给它一个名字 WebMatrixDemo. 点击 OK.

    image04

    在继续之前让我们看看 WebMatrix 的用户界面. 当你打开 WebMatrix 并且选择一个站点时, 你打开了Site 工作区, 它的功能是让你执行诸如网站配置(象指定default 页面) 和监控 HTTP requests.

    创建,删除和更新, 选择 Files 工作区.

    image05

    要加一个数据库或加一个表或者数据,选择Databases workspace.

    image06

    最后, 想获取如何帮助你的网站在搜索引擎上有更好排名的信息,选择 Reports 工作区.

    image07

    添加一个页面

    点击 Files 工作区然后点击 New

    image09

    选择CSHTML 模板 命名为Default.cshtml. 后缀名 .cshtml 说明这是一个ASP.NET 页面. 它可以包含HTML, JavaScript, CSS, 象普通的 HTML, 你也可以加一些在服务器端上运行的代码上去.

    点击 OK.

    The CSHTML 模板 创建了一个新的页面.

    clip_image0023

    让我们加些简单的"Hello World" HTML 上去.

    clip_image0043

    在导航条里点击Default.cshtml 文件然后 点击 Run,在浏览器里看到:

    现在点击 Default.cshtml 在导航窗格中的文件,然后单击 运行 按钮,查看该浏览器页面的。

    image12

    创建动态网页

    你可以使用ASP.NET网页助手来创建简易的动态网页。 在这之前,你必须安装微软ASP.NET助手库。

    单击 Run 运行 Default.cshtml 文件。 在浏览器地址框中,删除 Default.cshtml 的URL文件的名称并替换为 _Admin 。由此产生的URL将类似于:

    http://localhost:8080/_Admin

    按 回车 浏览本网页,它会提示你创建一个密码同时指导你完成一些步骤,以确保你网站的安全性。点击Install packages from an online feed

    clip_image00244

    接下来,点击ASP.NET Web Helpers Library 1.1 package 旁边的 Install 按钮,

    clip_image00443

    在接下来的页面中,点击 Install 开始安装。

    clip_image0065

    当安装完成后, _Admin 页显示结果为:

    clip_image0084

    现在你已经安装完助手,接下来将告诉你如何创建一个动态的(编程)的网页。

    回到WebMatrix。 在 File 工作区,单击 New。 创建一个新的CSHTML网页并命名为 Twitter.cshtml 并添加一些HTML和代码:

    clip_image0104

    在导航窗格中选择 Twitter.cshtml文件,然后单击 Run:

    clip_image0124

    好了, 你已经使用简单的HTML和ASP.NET帮手创建了一个页面。Twitter.Profile 是一个ASP.net 助手库中的助手之一. 其他还包括象 上传和裁剪图像,播放视频片段,从数据库中显示数据.

    在这里,我们第一次用到了Razor这种新的语法,在以后,我会更详细的和大家看看Razor的用法。

    WebMatrix的功能还有很多,我会继续和大家一起来学习。谢谢你看完本文。

  • 相关阅读:
    indy Sftp 编程 ftp安全访问
    关于MySql里的字段
    php---魔术方法(__tostring(),__set_state())
    看了这个才发现jQuery源代码不是那么晦涩
    JS的Document属性和方法小结
    JS的Document属性和方法
    原始JS选择器使用方法总结
    docker 镜像配置
    Docker部署SpringBoot项目
    springboot 和spring cloud 博客分享
  • 原文地址:https://www.cnblogs.com/Leo_wl/p/1963807.html
Copyright © 2011-2022 走看看