仿w3school网站开发
仿w3school网站开发

在上一节课bootstrap一起自学教程之后,我们打算集合bootstrap asp.net mvc ef这三个技术,开发一个仿w3school这类帮助文档程序的开发。我们也打算把它开发成一个产品的方式。最后发布到网上。更需要使用的人使用。仿w3schoo...

共42集 已完结 创建时间:2017-09-16 09:37

收藏:9 访问:4751 学生:49

49人
收藏
分享

     基于 Bootstrap+ASP.NET MVC开发

在上一节课bootstrap一起自学教程之后,我们打算集合bootstrap asp.net mvc ef这三个技术,开发一个仿w3school这类帮助文档程序的开发。我们也打算把它开发成一个产品的方式。最后发布到网上。更需要使用的人使用。

仿w3school是一种可以编写帮助文档的程序。有分类 课程 文章三级分类。支持评论 支持注册 等功能。我们打算尽量全部使用bootstrap来设计我们的界面,我们打算不适用后台,所有的管理都直接和前台一样的模板。那么祝你学习愉快。

     项目共40多集,基本饱和大部分网站开发中用到的基本技术,比如登录、注销、数据库的增删改查,还有一些逻辑,比如排序的逻辑,还有MVC的使用,EF的封装和使用。还要数据库映射等等。

     前端界面使用的是RAZOR引擎的CSHTML视图,也就是ASP.NET MVC默认的视图,不过前端显示框架我们使用的是BOOTSTRAP3.0框架。我们的前端HTML代码基本大部分都是直接使用原生态的Bootstrap视图。从第一行代码开始,第一行代码就是使用VS创建ASP.NET MVC项目的时候的DEMO例子。通过这集课程,相信可以让同学们理解一下,一个网站的开发,从最初到最后的过程。

     下面是首页

     

     点击菜单的分类按钮,就可以进入到分类首页

    

    点击某一篇课程就可以查看该课程

   

    点击具体谋篇文章,就可以查阅文章。

   

    文章右侧显示课程下面的文章列表,还可以上下篇

    下面是登录页面,另外登录地址是隐藏和可变的,这样大大增大安全性

    http://localhost:34543/l/hello

   

  另外所有的分类 课程 文章 都是使用了标识符,所以完全可以做到伪静态的路由地址

  比如 分类页http://localhost:34543/dotnet.html 比如课程页 http://localhost:34543/dotnet/csharp_base.html 比如文章页 http://localhost:34543/dotnet/csharp_base/what_csharp.html

 

   下面是添加课程页 支持上传图片

比如添加文章页


    另外文章我们用到了ckeditor在线编辑器。