首页 / 软件开发 / .NET编程技术 / 基于.net mvc的校友录 一、前台需求设计

基于.net mvc的校友录 一、前台需求设计2016-01-02 ensleep 之前已经想过好多个版本，但是，最终定在这下面这个版本上面，因为我觉得实现起来前台的模块比较固定，浮动的元素也少，因为我是那种万事用div的DS，所以，对于绝对定位相对定位，父定位，一向很DT，这种类metro的风格很方便我来实现前台，而且好看，即使不好看，也可以跟老师说，我这是为响应新元素新风格——metro！（所说不叫这名字了，这货被告了）。

好了，下面进入正题，因为这是我昨天晚上加今天空余时间做的东西，多数是设计，刚刚用一会儿时间才做成图片，给供大家评指。所以，大家看的时候，用手机的同学注意gprs流量哦~~~

我用的前台引擎是razor，比起以前的aspx（我也没用过，只听说）做到了前后台的真正（微软说的）的分离。其实也是，没有webform和那些看着难受的runat="server"（对于我这个从来没用过asp开发的人来说，都能顺手写出runat="server"，可见，这个东西对社会的"毒害有多深多广啊"，开个玩笑~~）。说多了~，说回razor这个东西。第一、它的模板功能设计得比较好（应该就是传说中的面向切面吧，哈哈）；第二，它的htmlhelper不错；第三，写前台不用想后台了，这个更舒服。那么，先上我的模板：

这个呢，就是我的模板了，最上面仿qq空间loginheader，标题title部分，是一般博客的风格。红色蜡笔画的是虚拟的分界线。右下角那个区域就是metro容器了，我叫它展示区。里面的方块可以有三种规格，1x,2x,4x的，大小如名。自由浮动，省力省脑省时。为了引导用户点击，鼠标经过的时候，当前的磁场会抖动~。左下角那边有几个小箭头，那个是全局控件，一开始是小的那种，上面有功能简写。点击后伸出，可以进一步操作与显示信息。

好了，下面上功能。只上了几个普通用户需要的功能，管理员的界面，我觉得做成这样可能有点华而不实，在考虑中。登陆界面，我会在最下面给出，已经做好了（html的）。