Asp.net网站开发教程第一篇:环境搭建和简单页面

在阅读本文之前我默认你已经有一点计算机编程基础了,我们打开VS新建一个asp.net网站。

新建完成大致结构如下:

这是MVC构架我们今天不进MVC ,我们再新建一个WebSite将angular、bootstrap、jquery、layui等放在里面如图:如果你没有你可以自行到官网去下载,下载完成将需要的文件复制进来即可。

我们这里新建一个index.html,将所以需要的js和css放进来,其他页面也就不用再引用这里js和css了,结构如下:

首页代码如下:

再新建page,以下几个页面

我们使用angular路由,我们事件都写在controller里面,

请求数据你可以ajax,这里我用angular里的方法。这里一下节在细讲。

基本页面就搭建好了,接下来我们在首页写一下轮播和页面 mian.html页面中写首页内容在header.html写导航菜单。

运行结果如下:页面的跳转采用#news跳转到新闻动态。

到此我们的基本环境就搭建好了。我们打开调试代码会发现header.html和mian.html的内容都在index.html里面这里有一个好处就是css和js不用重复加载。

到这里基本的页面就搭建完成了,后面我们动态获取数据和丰富页面内容。

总结:我们之前多个页面加载到同一页面用的都是iframe,现在我们使用angular路由机制,同时使用了angular中的数据双向绑定这样可以减少代码量。下一节我们详细讲解。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180606A16G9Q00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

同媒体快讯

扫码关注云+社区

领取腾讯云代金券