简介

最近搞了个XXX管理系统，原有的C/S 客户端业务已经成熟想着搞成B/S 网页端的模式。C/S与B/S 的优劣无非就是维护和安全两大块，其余什么的可以查查相关资料。
以往开发主要集中在C/S客户端开发，什么winform、WPF 都弄过，B/S端好几年没碰过了，接到任务很是欢喜了一下，终于有空搞搞网页了，首先是语言、技术选择，没办法，熟悉的C# 选择当仁不让MVC顺便了解了MVVC，嗯感觉也就那样，就是个模式，让你开发起来更加明朗。上网了解下当下常用网页开发技术，选择vue+elementui开发工具vs2019,磕磕碰碰支起了框架，慢慢拾起网页的开发要点，这时收到通知需要兼容C/S静态库，开发环境需要支持VS2010下进行，完犊子，vue+elementui拜拜了，有些小失落，没有深入了解，回头就选择了easyui。玩前端的要是说不了解easyui那就。。。真的很。。也不好说，新时代的IT精英不了解也正常。毕竟一上来就玩最新技术的。但是easyui咋说呢，也是很好用的。

技术选择

开发语言：c#
开发工具VS2010 SP1
框架：mvc 4.0
网页插件：easyui

开发思路

1.界面框架

一个管理系统，首先考虑的就是界面设计，easyui技术文档就有这方面的网页框架,具体的看链接https://www.runoob.com/jeasyui/jeasyui-layout-layout.html
有条件的爱钻研的可以深入研究下。

2.头部信息

可以自己输入公司信息、登录角色、系统名称等等。

3.目录选择

有的用treeview 我选择的是xp风格的panel.
这些也在文档中https://www.runoob.com/jeasyui/jeasyui-layout-layout.html

4.中间业务内容

中间放入主要业务信息，管理系统多是信息查询与信息处理，主要用到的控件就有日期、输入框、下拉框、按钮、表格、弹窗这些对应的easyui插件：easyui-datebox、easyui-textbox、easyui-combobox、easyui-linkbutton、easyui-datagrid、easyui-dialog，有其他需要的当然可以其他插件。
中间业务内容根据目录点击插入，不是一成不变的，所以中间选择了easyui-tabs页插件，根据点击不同的目录页在tabs动态生成不同网页。有个技术要点，就是怎么动态生成网页界面,怎么插入进tabs。我的选择是每个不同的业务放在单独的页面，根据连接插入tabs。
至于对话界面，主要就是信息的编辑，选用form 。

5.前后台交互

view 和 controller 选用了ajax。

6.web发布

用iis 发布，需要一些注意细节，比如需要在window功能里开通web功能等。具体的需要自己摸索下，也很简单。发布在服务器上和在自己电脑上一样，当然需要开通对应的端口。

完事了，有这些控件，熟悉这些控件你就可以开发一个属于自己的网页系统。

总结

插件用的不多，中间也有一些开发上遇到的小困难，大部分网上都有对应的技术贴，毕竟easyui当年使用的很多，技术还是很成熟的。比如前后台信息传递、父，子界面数据传输。还有分页问题，前台分页后台分页。复杂表格头、表格内容重写等等。
留个痕迹，给以后再次重拾指个方向。

c# MVC 网页开发相关推荐

动态网页开发技术（三）：jsp
Jsp概述 java server pages-java服务器页面,是一种动态网页技术标准,在传统的网页HTML中插入Java程序段(Scriptlet和JSP标记tag),从而形成JSP文件.JSP ...
年度指南-Web网页开发学习总纲-2023修订版
年度指南-Web网页开发学习总纲-2023修订版为什么学习写代码? Web网页开发的用途 Web网页开发者类型前端开发者后端开发者全栈开发者可能需要用到的工具 HTML & CSS ...
JSP动态网页开发技术
一.学习目标 1.JSP概述 2.JSP指令 3. JSP 隐式对象二.重点知识 1.JSP概述:JSP是什么? 1)JSP全称Java Server Pages,是一种动态网页开发技术.它使用JS ...
基于ASP.NET MVC+SQLite开发的一套（Web）图书管理系统【100010294】
摘要随着互联网的快速发展,各种线下手工业务都开始转向了互联网线上操作,在21世纪的信息革命时代,信息管理系统成为日常信息记录的主流工具. 本文介绍了以VS 2019(Microsoft Visual ...
JSP网页开发安装2019-03 eclipse，详细并且简单教程这里有。
耗时一个下午,终于完成啦. 波折太多啦. 有版本不匹配,网速慢(15K/S..),下载的文件有病毒,配置服务版本过低! 都是泪呀~~~ 全程双击就可以啦.环境变量需要自己配置. 关于所需要的软件以及j ...
微信开放JS-SDK，助力网页开发［转自微信官方］
为什么80%的码农都做不了架构师?>>> 微信公众平台今日面向开发者开放微信内网页开发工具包(微信JS-SDK). 通过微信JS-SDK提供的11类接口集,开发者不仅能够在网页 ...
新手篇——学习网页开发需要多长时间就能找到工作
2019独角兽企业重金招聘Python工程师标准>>> 近几年Web前端框架层出不穷,比如 React, Vue, AngulaJS等吸引了大量的注意力,前端技术发展势头迅猛,各大互 ...
MVC的开发模式简单介绍
MVC的开发模式简单介绍 MVC M model 模型实体类和业务和dao dao(数据库访问对象) V view 视图 jsp C controller 控制器 servlet 作用:视图和逻辑分 ...
网页开发——从接触到编写输出一个DIV
步骤一:网页开发所需工具编辑器:sublime notepad++ (选一个即可推荐使用sublime) 游览器:Firefox(火狐游览器)chrome(谷歌游览器) 步骤二:装载开发环境(软件 ...

c# MVC 网页开发

简介