码迷,mamicode.com
首页 > 数据库 > 详细

Bootstrap + AngularJS+ Ashx + SQL Server/MySQL

时间:2017-07-04 19:56:57      阅读:130      评论:1      收藏:0      [点我收藏+]

标签:阶段   修改文件   提交   mysq   asp.net   命令   dom   nbsp   pre   

去年年底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

标签:阶段   修改文件   提交   mysq   asp.net   命令   dom   nbsp   pre   

原文地址:http://www.cnblogs.com/cyg17173/p/7117712.html

(0)
(0)
   
举报
评论 一句话评论(1
2017-09-11 17:14:06
我想知道这是你自己写的吗
回复
 (0)
 (0)
1条  
登录后才能评论!
© 2014 mamicode.com 版权所有 京ICP备13008772号-2
迷上了代码!