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?