一步一步创建ASP.NET MVC5程序[Repository+Autofac+Automapper+SqlSugar](九)

ASP.NET MVC 作者: Rector 1928 次阅读 · 读完约需 3 分钟 收藏本文

郑重申明:本文未经许可,禁止任何形式转载

前言

童鞋们,大家好

我是专注.NET开发者社区建设的实践者Rector。

首先,为自己间隔了两个星期五再更新本系列文章找个不充分的理由:Rector最近工作,家庭的各种事务所致,希望大家谅解。

本文知识要点

回到本文的主题,还是关于系列文章:《一步一步创建ASP.NET MVC5程序Repository+Autofac+Automapper+SqlSugar》,本文将为大家分享的主要内容有:

  • 响应式网站首页的布局与制作
  • 文章列表的展示
  • 文章详情页面

前端布局与制作

响应式网站首页的布局与制作

在以本文之前的系列文章的页面中,我们的网站首页以及文章列表页面都没有应用样式,本文将给大家分享首页的制作,其中包含的内容有:

  • 头部导航
  • 文章列表
  • Bootstrap响应式布局

最终的首页效果图如下:

create-aspnet-mvc-5-web-application-repository-autofac-automapper-sqlsugar-step-by-step-09-01.png

CSS样式

首先,在项目[TsBlog.Frontend]中创建资源文件夹命名为:resources,在其中创建一个css样式文件夹,并新建一个样式文件,命名为:site.css,此时的目录结构如下:

create-aspnet-mvc-5-web-application-repository-autofac-automapper-sqlsugar-step-by-step-09-02.png

样式代码如下:

site.css

OK,今天这期的关于网站首页及文章详情页面的布局与制作就分享到这里,希望对你了解ASP.NET MVC WEB应用程序开发有所帮助。

本期源码托管地址:https://github.com/lampo1024/TsBlog/releases/tag/v1.9.0
数据库脚本文件请到目录下查看:TsBlog\document\scripts\mysql\v1.9\

如果你喜欢Rector的本系列文章,请为我点个大大的赞。

看完教程如果觉得还不过瘾的,想“勾对”的,欢迎加入图享网官方QQ群:483350228,如果你按照教程还原出来的程序运行有问题,请参照本期源码对应调整与修改遇到问题的,也欢迎加入QQ群。有什么,你懂的。。。^_^

谢谢你的耐心阅读,本系列未完待续,我们下期再见……

阅读了该文章的人还浏览了...

本文永久链接码友网 » 一步一步创建ASP.NET MVC5程序[Repository+Autofac+Automapper+SqlSugar](九)

发布于: 2018-01-19 09:38:00
分享扩散:

发表评论

登录用户才能发表评论, 请 登 录 或者 注册