重工电子论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
查看: 10746|回复: 16

【MVC】学习笔记

[复制链接]

286

主题

666

帖子

5534

积分

学生管理组

Rank: 8Rank: 8

积分
5534
发表于 2016-9-13 14:17:20 | 显示全部楼层 |阅读模式
本帖最后由 李维强-15级 于 2019-8-18 02:01 编辑

基本概念教程:
http://www.cnblogs.com/duanshuiliu/tag/MVC/
或者百度搜索:“全网 MVC”

路由控制:
http://www.cnblogs.com/firstcsharp/p/3741600.html

理解控制器工作原理:里面讲了ActionResult的6种返回形式(ContentResult,ViewResult)等
http://www.tracefact.net/Asp-Net/AspNetMvc-Controller.aspx
下面是ActionResult(12种)的简单应用
http://www.cnblogs.com/xielong/p/5940535.html


MVC参数传递,从控制器中传参数到VIEW,里面讲了M层处理参数配置,VIEW只管显示,C层才是逻辑处理然后返回给VIEW显示,最终都是传一个model给VIEW,MVC框架结构体现
http://www.cnblogs.com/powertoolsteam/p/MVC_two.html

MVC 控制器与控制器之间传递参数
http://www.cqutlab.cn/forum.php?mod=redirect&goto=findpost&ptid=177&pid=989&fromuid=8

HTMLHelper总结
HTMLHelper总结

Session设置和cookies的关系 讲得很详细了

MVC 多级控制器子目录,多级Views的子目录建立

扩展XMLResult的例子,注意看其整个result的原理

使用区域,路由多级控制的王道

控制器上添加自定义过滤
asp.net MVC 应用程序的生命周期
MVC后台接收数组对象
后台是List数据,传递到前台,用@Html.Raw(Json.Encode(ViewBag.FuncList)); 其中FuncList是后台的List
回复

使用道具 举报

286

主题

666

帖子

5534

积分

学生管理组

Rank: 8Rank: 8

积分
5534
 楼主| 发表于 2017-3-26 21:22:19 | 显示全部楼层
本帖最后由 李维强-15级 于 2017-6-10 16:06 编辑

Razor的基本概念
http://www.cnblogs.com/dengxinglin/p/3352078.html

控制器向VIEW传参数的几个方法 razor的
http://blog.csdn.net/chao88552828/article/details/9051117

MVC Razor模板引擎 @RenderBody、@RenderPage、@RenderSection及Html.RenderPartial、Html.RenderAction
http://www.cnblogs.com/xlhblogs/archive/2013/06/09/3129449.html
回复 支持 反对

使用道具 举报

286

主题

666

帖子

5534

积分

学生管理组

Rank: 8Rank: 8

积分
5534
 楼主| 发表于 2017-3-31 22:25:28 | 显示全部楼层
本帖最后由 李维强-15级 于 2017-3-31 22:40 编辑

上传文件相关的东西,

合并路径用Path.Combine
Path.Combine(Request.MapPath("~/Upload"), Path.GetFileName(file.FileName));
Razor相关示例: http://www.cnblogs.com/zhouhb/p/3906714.html

JS前端获取文件大小
http://www.cnblogs.com/ningvsban/archive/2013/06/04/3117906.html
然后到后端,razor直接用HttpPostedFileBase 这个类接收,或者继承model也可以,在后端再验证大小。

设置config文件限制连接时间以及上传文件大小
http://m.blog.csdn.net/article/details?id=5654883

多图片上传并浏览例程
http://www.jq22.com/jquery-info833
回复 支持 反对

使用道具 举报

286

主题

666

帖子

5534

积分

学生管理组

Rank: 8Rank: 8

积分
5534
 楼主| 发表于 2017-4-1 21:56:27 | 显示全部楼层
本帖最后由 李维强-15级 于 2017-4-1 22:13 编辑

上传图片到服务器,手写JS练习。研究了我好一段时间,主要还是对razor和jQuery不熟
这里给出例子主要是前端的,就是说文件在用户本地的时候,上传了立马展现出来,只要他不点上传以前,都不管服务器的事情。
主要实现功能是动态新增图片预览,每个图片右上角配删除字样,可以点击删除。另附后台MVC代码。
由于另外的包括文件大小验证,后缀名验证等,前后台都要做,后面再加上。

下面直接上前端代码:
[HTML] syntaxhighlighter_viewsource syntaxhighlighter_copycode
@using (Html.BeginForm("Upload", "Test", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    <div id="DIV_picField">
        <div onclick='btnAction(this)' class='UploadPicPlus' style='position:relative;display:inline-block;height:100px;width:100px;background-image:url(../../Content/upImg/IMGEmpty.png);'>
            <input type="file" name="ImgUpload" style='position:absolute;bottom:2px;display:none;' onchange="FileSelected(this)" />
        </div>
    </div>
    <input type="submit" value="picUp" name="myPicUp" />
}
<script type="text/javascript">
    var PicCount = 1;
    function btnAction(obj) {
        $(obj).children("input")[0].click(this);
        PicCount++;
    }
    function btnDel(obj) {
        $(obj).parent().remove();
    }
    function FileSelected(obj) {       //文件选择后的相应函数
        //先获取一个文件
        var UpIMG = obj.files[0];
        //把删除字样加到DIV右上角
        $(obj).parent("div.UploadPicPlus").append("<span style='position:absolute; right:2px;font-size:20px;cursor:pointer;' onclick='btnDel(this)'>删除</span>");
        //改变DIV的背景,使得看起来是一张图片
        $(obj).parent("div.UploadPicPlus").css("background-image", "url(" + window.URL.createObjectURL(UpIMG) + ")");
        //去除DIV的onclick事件
        $(obj).parent("div.UploadPicPlus").removeAttr("onclick");
        //再加一个 图片输入框到刚才那个旁边
        $("#DIV_picField").append("<div onclick='btnAction(this)' class='UploadPicPlus' style='position:relative;display:inline-block;height:100px;width:100px;background-image:url(../../Content/upImg/IMGEmpty.png);'>"
            + "<input name='ImgUpload' style='position:absolute;bottom:2px;display:none;'  type='file' onchange='FileSelected(this)' /></div>");
    }
</script>


然后是后端 这里用razor
[C#] syntaxhighlighter_viewsource syntaxhighlighter_copycode
//先要到model里面定义个类,由于是接受多个文件,所以用了个list,网上他们用的IEnumerable,暂时还不明白区别,
    public class FileUploadViewModel
    {
        public List<HttpPostedFileBase> ImgUpload {get;set;}
        public string upValue { get; set; }
    }


然后在controller里面直接这样写即可

[C#] syntaxhighlighter_viewsource syntaxhighlighter_copycode
        [HttpPost]
        public ActionResult Upload(FileUploadViewModel file)
        {
          //这里文件直接到file里面来了用file.XXX.XXX来取然后操作
            return RedirectToAction("Test", "Test");
        }



本文关键点,过了太多坑才有如上代码
1)model里面的变量名ImgUpload 要和input里面的name一样,不然razor收不到数据。
2)form表单里面 一定要有enctype = "multipart/form-data"属性
3)$(obj).children("input")[0] 我通过调试,在浏览器里面看到实际上那些parent或者children方法实际上是得到一个obj 这个obj里面有各个元素,所以我用[0]来索引到指定元素,实际上通过页面代码看到也只有一个元素。。
4)特别是parent("div.UploadPicPlus")的时候,如果夫级是div,则要把选择器加个div.XXXX这样才可以append,CSS等操作。我看人家都没这么做,但是我只有这么做了才可以成功。。。。
5)relative和absolute的定位使用区别 夫级用relative 子级用absolute定位
最终效果
GIF2.gif
回复 支持 反对

使用道具 举报

286

主题

666

帖子

5534

积分

学生管理组

Rank: 8Rank: 8

积分
5534
 楼主| 发表于 2017-4-5 00:55:55 | 显示全部楼层
安全问题 注入是无处不在的,我们需要防止攻击者来注入,来防止恶意提交写脚本。。。。
下面两篇文章给我讲了原理以及防范方法,特别是第一篇,在我们设计网站的时候,是需要用户提交带HTML标签的文本进来的,所以,需要对敏感信息进行过滤,
http://www.cnblogs.com/onepiece_wang/p/3669728.html
http://blog.sina.com.cn/s/blog_700185a60100q86h.html
回复 支持 反对

使用道具 举报

286

主题

666

帖子

5534

积分

学生管理组

Rank: 8Rank: 8

积分
5534
 楼主| 发表于 2017-4-9 23:11:17 | 显示全部楼层
回复 支持 反对

使用道具 举报

286

主题

666

帖子

5534

积分

学生管理组

Rank: 8Rank: 8

积分
5534
 楼主| 发表于 2017-4-9 23:11:54 | 显示全部楼层
防止跨站攻击 用@Html.AntiForgeryToken()
http://blog.csdn.net/cpytiger/article/details/8781457
回复 支持 反对

使用道具 举报

286

主题

666

帖子

5534

积分

学生管理组

Rank: 8Rank: 8

积分
5534
 楼主| 发表于 2017-4-11 21:53:06 | 显示全部楼层
本帖最后由 李维强-15级 于 2017-4-11 21:56 编辑

WEB API
让其默认返回JSON或者XML格式
http://blog.csdn.net/xxj_jing/article/details/48808099

简单使用示例
http://blog.csdn.net/sam1012/article/details/46957173

这里有个WEB API系列  讲了怎么做认证  
http://www.cnblogs.com/parry/arc ... ET_MVC_Web_API.html
http://www.cnblogs.com/parry/arc ... asic_Authorize.html
http://www.cnblogs.com/parry/p/A ... authentication.html
回复 支持 反对

使用道具 举报

286

主题

666

帖子

5534

积分

学生管理组

Rank: 8Rank: 8

积分
5534
 楼主| 发表于 2017-4-13 14:27:15 | 显示全部楼层
本帖最后由 李维强-15级 于 2017-5-4 13:17 编辑

使用cookie
http://www.cnblogs.com/firstcsha ... /06/08/3127209.html

用filter验证cookie的方法  自定义filter
http://blog.csdn.net/u010096526/article/details/46700581
回复 支持 反对

使用道具 举报

286

主题

666

帖子

5534

积分

学生管理组

Rank: 8Rank: 8

积分
5534
 楼主| 发表于 2017-5-4 02:09:39 | 显示全部楼层
本帖最后由 李维强-15级 于 2017-5-4 23:27 编辑

Session 设置 和cookies的关系 讲得很全面了
http://www.cnblogs.com/panchunti ... T_Session_Mode.html

直接跳转session会变的解决办法
http://www.cnblogs.com/net-saiya/p/4980960.html
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|cqutlab ( 渝ICP备15004556号

GMT+8, 2024-3-29 18:57 , Processed in 0.194451 second(s), 33 queries .

Powered by Discuz! X3.1

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表