Bootstrap + AngularJS+ Ashx + SQL Server/MySQL

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Bootstrap + AngularJS+ Ashx + SQL Server/MySQL相关的知识,希望对你有一定的参考价值。

去年年底12月,为适应移动端浏览需求,花了1个月时间学习Bootstrap,并将公司ASP网站重构成ASP.NET。
当时采取的网站架构: Bootstrap + jQuery + Ashx + SQL Server
时间紧,没人带,只能硬着头皮,最后如期完成,但是也遗留了几个问题。
问题:
1、页面查询条件太复杂,太多的checkbox,jQuery操作DOM虽然方便,但是组合成json提交给后端还是比较麻烦,有没有天然支持json的前端框架或者脚本语言?
    html控件做的任何修改,都自动保存在object,每一个控件ID就是一个object.id,这样天然支持json对象,画面太美。
2、Ashx太多,每一个查询,每一个略微细小的修改,都要单独建立一个ashx一般处理程序,导致项目复杂,后续修改太麻烦。

带着这2个问题,进入下一个学习阶段。

 

浏览了很多网站,发现有太多的框架,乱花渐欲迷人眼。

vue.js,AngularJS,ReactJs...

前端太苦闷。

没得说,看心情,看语法是不是看着顺眼,最后选择AngularJS,貌似新版本要完全推翻重来,哎,暂且不管,好比当初选择学习C#,就是觉得语法美妙。

正好公司技术部和生产部有文件管理需求,于是花了一礼拜时间,开发完成。

网站架构:Bootstrap + AngularJS+ Ashx + SQL Server/mysql

先上图,源码以及SQL命令请点击下载地址。

图一,登陆界面

技术分享

图二 主要界面

技术分享

图三 上传文件(上传用的jQuery插件,源码里都有)

技术分享

图四 浏览/下载文件

技术分享

 

 图五 修改文件

技术分享

 

图六 VS2015 源码截图

技术分享

 

下载链接:  http://pan.baidu.com/s/1miIAHRE   密码: pkbx

 

以上是关于Bootstrap + AngularJS+ Ashx + SQL Server/MySQL的主要内容,如果未能解决你的问题,请参考以下文章

AngularJs+bootstrap搭载前台框架——准备工作

AngularJs+bootstrap搭载前台框架——准备工作

Salesforce + AngularJS + Bootstrap

如何集成 bootstrap-3.0.1 和 AngularJS?

16个良好的 Bootstrap Angularjs 管理后台主题

AngularJs的UI组件ui-Bootstrap分享