图片上传，图片列表显示新增页面

ShopMobile/Admin/PictureEdit.aspx

@@ -0,0 +1,287 @@
+<%@ Page Language="C#" MasterPageFile="~/Admin/Defult.Master" AutoEventWireup="true" CodeBehind="PictureEdit.aspx.cs" Inherits="ShopMobile.Admin.PictureEdit" %>
+
+<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
+</asp:Content>
+<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
+
+    <div class="page-content">
+        <div class="page-header">
+            <h1>图片上传
+            </h1>
+        </div>
+        <div class="row">
+            <div class="Content">
+                <!-- PAGE CONTENT BEGINS -->
+                <div class="form-group">
+                    <label class="col-sm-3 control-label no-padding-right">
+                        图片排序：
+                    </label>
+                    <div class="col-sm-9">
+                        <input type="text" id="txtPicSort" maxlength="30" placeholder="图片排序" class="col-xs-10 col-sm-5" runat="server" />
+                    </div>
+                </div>
+                <div class="form-group">
+                    <label class="col-sm-3 control-label no-padding-right" for="statuscheckbox">
+                        图片主图：
+                    </label>
+                    <div class="col-sm-9">
+                        <div class="control-group">
+                            <img src="" class="spztimg" style="display: none; width: 100px; height: 100px;" />
+                            <input type="button" class="spzt" value="上传图片" />
+                            <input type="hidden" runat="server" id="spzt" class="spztval" />
+                        </div>
+                    </div>
+                </div>
+                <div class="form-group">
+                    <label class="col-sm-3 control-label no-padding-right">
+                        图片链接地址：</label>
+                    <div class="col-sm-9">
+                        <div class="clearfix">
+                            <input class="col-xs-10 col-sm-5" type="text" id="ImgUrl" placeholder="图片链接地址" runat="server" />
+                        </div>
+                    </div>
+                </div>
+                <div style="clear: both">
+                </div>
+                <div class="clearfix form-actions">
+                    <div class="col-md-offset-3 col-md-9">
+                        <button class="btn btn-info" runat="server" id="submitButton" onclick="" onserverclick="submitButton_Click">
+                            <i class="icon-ok bigger-110"></i>保存
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</asp:Content>
+<asp:Content ID="Content3" ContentPlaceHolderID="otherjquery" runat="server">
+    <link rel="stylesheet" href="assets/js/kindeditor-4.1.7/themes/default/default.css" />
+    <link rel="stylesheet" href="assets/js/kindeditor-4.1.7/plugins/code/prettify.css" />
+    <script charset="utf-8" src="assets/js/kindeditor-4.1.7/kindeditor.js"></script>
+    <script charset="utf-8" src="assets/js/kindeditor-4.1.7/lang/zh_CN.js"></script>
+    <script charset="utf-8" src="assets/js/kindeditor-4.1.7/plugins/code/prettify.js"></script>
+    <link href="/admin/assets/js/zTree_v3/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" />
+    <script src="/admin/assets/js/zTree_v3/js/jquery.ztree.core-3.5.min.js"></script>
+    <script type="text/javascript">
+        $(document).ready(function () {
+
+            var tp = $('.spztval').val();
+            var tps = $('.splbtval').val();
+            var bqs = $('.spbq').val();
+            var lx = $('.splx').val();
+            if (tp) {
+                $('.spztimg').attr('src', tp);
+                $('.spztimg').show();
+            }
+            if (tps) {
+                var html='';
+                $(tps.split(',')).each(function (i, n) {
+                    html=html+'<li><div><img src="'+n+'" alt="" /><b class="close">X</b></div></li>';              
+                })
+                $(html).appendTo($(".fl")).find(".close").click(function(){
+                    $(this).parent().parent().remove();
+                    geturls();
+                })
+            }
+            if (bqs) {
+                var html='';
+                $(bqs.split(',')).each(function (i, n) {
+                    $("input[name='spbq'][value='"+n+"']").attr("checked","checked");
+                })
+            }
+            $(zNodes).each(function(i,n){
+                if(n.ID==lx)
+                {
+                    $("#splxname").val(n.MenuTxt);
+                    return false;
+                }
+            })
+            zTreeObj =$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+            zTreeObj.expandAll(true); 
+            $("#splxname").click(function(){
+                showMenu();
+            })
+        })
+        var setting = {
+            data: {
+                key:{
+                    name:"MenuTxt"
+                },
+                simpleData: {
+                    enable: true,
+                    idKey: "ID",
+                    pIdKey: "TopID",
+                    rootPId: 0
+                }
+            },
+            callback: {
+                beforeClick: beforeClick,
+                onClick: onClick
+            }
+        };
+        <%--var zNodes =<%=jsontree %>;--%>
+        var zTreeObj ;
+
        function beforeClick(treeId, treeNode) {
+            var check = (treeNode && treeNode.Lvl==3);
+            if (!check) alert("只能选择三级类别");
+            return check;
+        }
+        function onClick(e, treeId, treeNode) {
+            $("#splxname").val(treeNode.MenuTxt);
+            $(".splx").val(treeNode.ID);
+            hideMenu();
+        }
+        function showMenu() {
+            $("#menuContent").slideDown("fast");
+
+            $("body").bind("mousedown", onBodyDown);
+        }
+        function hideMenu() {
+            $("#menuContent").fadeOut("fast");
+            $("body").unbind("mousedown", onBodyDown);
+        }
+        function onBodyDown(event) {
+            if (!(event.target.id == "menuBtn" || event.target.id == "menuContent" || $(event.target).parents("#menuContent").length>0)) {
+                hideMenu();
+            }
+        }
+        KindEditor.ready(function (K) {
+            var editor = K.editor({
+                cssPath: 'assets/js/kindeditor-4.1.7/plugins/code/prettify.css',
+                uploadJson: 'assets/js/kindeditor-4.1.7/asp.net/upload_json.ashx',
+                allowFileManager: true
+            });
+            K('.spzt').click(function () {
+                editor.loadPlugin('image', function () {
+                    editor.plugin.imageDialog({
+                        showRemote: false,
+                        imageUrl: K('.spztimg').attr("src"),
+                        clickFn: function (url, title, width, height, border, align) {
+                            K('.spztimg').attr('src', url);
+                            K('.spztval').val(url);
+                            K('.spztimg').show();
+                            editor.hideDialog();
+                        }
+                    });
+                });
+            });
+
+            K('.splbt').click(function () {
+                editor.loadPlugin('multiimage', function () {
+                    editor.plugin.multiImageDialog({
+                        clickFn: function (urlList) {
+                            var html='';
+                            K.each(urlList, function (i, data) {
+                                html=html+'<li><div><img src="'+data.url+'" alt="" /><b class="close">X</b></div></li>';   
+                            });
+                            $(html).appendTo($(".fl")).find(".close").click(function(){
+                                $(this).parent().parent().remove();
+                                geturls();
+                            })
+                            geturls();
+                            editor.hideDialog();
+                        }
+                    });
+                });
+            });
+
+            var editor1 = K.create('.xxxx', {
+                cssPath: 'assets/js/kindeditor-4.1.7/plugins/code/prettify.css',
+                uploadJson: 'assets/js/kindeditor-4.1.7/asp.net/upload_json.ashx',
+                fileManagerJson: 'assets/js/kindeditor-4.1.7/asp.net/file_manager_json.ashx',
+                allowFileManager: true,
+                //下面这行代码就是关键的所在，当失去焦点时执行 this.sync()，否则取不到值;
+                afterBlur: function () { this.sync(); }
+            });
+        });
+
+        function geturls() {
+            var url = '';
+            $(".fl li").each(function(){
+                url=url+$(this).find("img").attr("src")+",";
+            })
+            if(url){
+                url=url.substring(0,url.length-1);
+            }
+            $('.splbtval').val(url);
+        }
+
+        $("input[name='spbq']").change(function(){
+            getbqs();
+        })
+        function getbqs() {
+            var bq = '';
+            $("input[name='spbq']:checked").each(function(){
+                bq=bq+$(this).val()+",";
+            })
+
+            if(bq){
+                bq=bq.substring(0,bq.length-1);
+            }
+            $('.spbq').val(bq);
+        }
+    </script>
+    <style>
+        ul.ztree {
+            margin-top: 10px;
+            border: 1px solid #617775;
+            background: #f0f6e4;
+            width: 220px;
+            height: 360px;
+            overflow-y: scroll;
+            overflow-x: auto;
+        }
+
+        .ztree {
+            margin: 0;
+            padding: 5px;
+            color: #333;
+        }
+
+        .fl {
+            overflow: hidden;
+        }
+
+        .fl {
+            float: left;
+        }
+
+            .fl li {
+                list-style: none;
+                float: left;
+                margin-right: 10px;
+                margin-top: 10px;
+                margin-bottom: 10px;
+                overflow: auto;
+                top: -11px;
+                right: -7px;
+            }
+
+                .fl li div {
+                    position: relative;
+                }
+
+                    .fl li div b {
+                        position: absolute;
+                    }
+
+                    .fl li div img {
+                        width: 200px;
+                        height: 200px;
+                    }
+
+        .close {
+            width: 40px;
+            height: 40px;
+            background: red;
+            color: #FFFFFF;
+            text-align: center;
+            margin: 0 auto;
+            border-radius: 50%;
+            line-height: 40px;
+            top: -5px;
+            right: 0;
+        }
+    </style>
+</asp:Content>
+

ShopMobile/Admin/PictureEdit.aspx.cs

@@ -0,0 +1,110 @@
+using ShopMobile.Admin.common;
+using ShopMobile.Common;
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Web;
+using System.Web.UI;
+using System.Web.UI.WebControls;
+
+namespace ShopMobile.Admin
+{
+    public partial class PictureEdit : BasePage
+    {
+        protected void Page_Load(object sender, EventArgs e)
+        {
+            if (!IsPostBack)
+            {
+                ViewState["back"] = Request.UrlReferrer.ToString();
+            }
+        }
+        protected void submitButton_Click(object sender, EventArgs e)
+        {
+            string strPicSort = txtPicSort.Value.Trim();
+            string strSpzt = spzt.Value.Trim();
+            string strImgUrl = ImgUrl.Value.Trim();
+
+
+
+            #region 验证输入
+            if (string.IsNullOrEmpty(strPicSort))
+            {
+                Common.MessageBox.Show(this, "请排序");
+                return;
+            }
+            if (string.IsNullOrEmpty(strSpzt))
+            {
+                Common.MessageBox.Show(this, "请上传图片");
+                return;
+            }
+            if (string.IsNullOrEmpty(strImgUrl))
+            {
+                Common.MessageBox.Show(this, "请输入图片链接地址");
+                return;
+            }
+
+
+            #endregion
+
+            Bll.PT_Pic_ImgUrl bll = new Bll.PT_Pic_ImgUrl();
+            Model.PT_Pic_ImgUrl pro = new Model.PT_Pic_ImgUrl();
+
+            string strid = Request.QueryString["ID"] ?? "";
+            if (strid == "")
+            {
+                #region 新增商品
+                pro.PicUrl = Utils.HtmlEncode(strSpzt);
+                pro.ImgUrl = Utils.HtmlEncode(strImgUrl);
+                pro.PicSort = int.Parse(strPicSort);
+
+                pro.Type = 0;//类型
+                pro.CreateUser = uModel.UserName;
+                pro.CreateTime = DateTime.Now;
+
+                if (bll.Add(pro) > 0)
+                {
+                    Common.MessageBox.ShowAndRedirect(this, "新增成功", ViewState["back"].ToString());
+                }
+                else
+                {
+                    Common.MessageBox.Show(this, "新增失败");
+                }
+                #endregion
+            }
+            else
+            {
+                #region 修改商品
+                int id = 0;
+                if (!Int32.TryParse(strid, out id))
+                {
+                    Common.MessageBox.Show(this, "修改失败");
+                    return;
+                }
+                else
+                {
+                    pro = bll.GetModel(id);
+                    if (pro != null)
+                    {
+                        pro.PicUrl = Utils.HtmlEncode(strSpzt);
+                        pro.ImgUrl = Utils.HtmlEncode(strImgUrl);
+                        pro.PicSort = int.Parse(strPicSort);
+
+                        if (bll.Update(pro))
+                        {
+                            Common.MessageBox.ShowAndRedirect(this, "修改成功", ViewState["back"].ToString());
+                        }
+                        else
+                        {
+                            Common.MessageBox.Show(this, "修改失败");
+                        }
+                    }
+                    else
+                    {
+                        Common.MessageBox.Show(this, "修改失败");
+                    }
+                }
+                #endregion
+            }
+        }
+    }
+}

ShopMobile/Admin/PictureEdit.aspx.designer.cs

@@ -0,0 +1,51 @@
+//------------------------------------------------------------------------------
+// <自动生成>
+//     此代码由工具生成。
+//
+//     对此文件的更改可能导致不正确的行为，如果
+//     重新生成代码，则所做更改将丢失。
+// </自动生成>
+//------------------------------------------------------------------------------
+
+namespace ShopMobile.Admin {
+    
+    
+    public partial class PictureEdit {
+        
+        /// <summary>
+        /// txtPicSort 控件。
+        /// </summary>
+        /// <remarks>
+        /// 自动生成的字段。
+        /// 若要进行修改，请将字段声明从设计器文件移到代码隐藏文件。
+        /// </remarks>
+        protected global::System.Web.UI.HtmlControls.HtmlInputText txtPicSort;
+        
+        /// <summary>
+        /// spzt 控件。
+        /// </summary>
+        /// <remarks>
+        /// 自动生成的字段。
+        /// 若要进行修改，请将字段声明从设计器文件移到代码隐藏文件。
+        /// </remarks>
+        protected global::System.Web.UI.HtmlControls.HtmlInputHidden spzt;
+        
+        /// <summary>
+        /// ImgUrl 控件。
+        /// </summary>
+        /// <remarks>
+        /// 自动生成的字段。
+        /// 若要进行修改，请将字段声明从设计器文件移到代码隐藏文件。
+        /// </remarks>
+        protected global::System.Web.UI.HtmlControls.HtmlInputText ImgUrl;
+        
+        /// <summary>
+        /// submitButton 控件。
+        /// </summary>
+        /// <remarks>
+        /// 自动生成的字段。
+        /// 若要进行修改，请将字段声明从设计器文件移到代码隐藏文件。
+        /// </remarks>
+        protected global::System.Web.UI.HtmlControls.HtmlButton submitButton;
+    }
+}

ShopMobile/Admin/PictureList.aspx

@@ -0,0 +1,104 @@
+<%@ Page Title="" Language="C#" MasterPageFile="~/Admin/Defult.Master" AutoEventWireup="true" CodeBehind="PictureList.aspx.cs" Inherits="ShopMobile.Admin.PictureList" %>
+
+<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
+</asp:Content>
+<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
+
+
+    <div class="page-content">
+        <div class="page-header">
+            <h1>图片列表
+            </h1>
+        </div>
+        <div class="row">
+            <div class="col-xs-12" style="margin-bottom: 10px;">
+                <div class="row">
+                    <div class="col-xs-8">    
+                        图片序号：<asp:TextBox ID="txtPicSort" runat="server"></asp:TextBox>
+                     
+                    </div>
+                    <div class="col-xs-4">
+                        <asp:Button ID="btnsearch" CssClass="btn btn-primary btn-sm" runat="server" Text="搜索" OnClic="btnsearch_Click" OnClick="btnsearch_Click" />
+                        <asp:Button ID="btnAdd" CssClass="btn btn-primary btn-sm" runat="server" Text="新增" OnClick="btnAdd_Click" />
+                    </div>
+                </div>
+
+            </div>
+            <div class="col-xs-12">
+                <div class="table-responsive">
+                    <table id="sample-table-1" class="table table-striped table-bordered table-hover">
+                        <thead>
+                            <tr>
+                                <%--<th>
+                                    编号
+                                </th>--%>
+                                <th>图片序号
+                                </th>
+                                <th>图片地址
+                                </th>
+                                <th>图片链接地址
+                                </th>
+                                <th>状态
+                                </th>
+                                <th>类型
+                                </th>
+                                <th>操作
+                                </th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <asp:Repeater ID="RpList" runat="server">
+                                <ItemTemplate>
+                                    <tr>
+                                        <td>
+                                            <%#Eval("PicSort") %>
+                                        </td>
+                                        <td>
+                                            <img src='<%#Eval("PicUrl") %>' style="height: 50px;" />
+                                        </td>
+                                        <td>
+                                            <%#Eval("ImgUrl") %>
+                                        </td>
+                                        <td>
+                                            <%#Eval("Status") %>
+                                        </td>
+                                        <td>
+                                            <%#Eval("Type") %>
+                                        </td>
+                                        <td>
+                                            <a href="PictureEdit.aspx?Id=<%#Eval("ID") %>" title="修改">
+                                                <%#Eval("Type").ToString()=="0"?"修改":"" %>
+                                            </a>
+                                            <a href="?Action=Delete&Id=<%#Eval("ID") %>" style="color: red;" title="删除" onclick="return confirm('确定要删除此项吗？此操作不可逆。')">删除
+                                            </a>
+                                        </td>
+                                    </tr>
+                                </ItemTemplate>
+                            </asp:Repeater>
+                        </tbody>
+                    </table>
+                    <div class="row">
+                        <div class="col-sm-6">
+                        </div>
+                        <div class="col-sm-6">
+                        </div>
+                        <div class="col-sm-6">
+                            <div class="dataTables_paginate paging_bootstrap">
+                                <ul class="pagination">
+                                    <li class="active">
+                                        <%=paging %></li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- /.table-responsive -->
+            </div>
+            <!-- /span -->
+        </div>
+        <!-- /.row -->
+    </div>
+</asp:Content>
+<asp:Content ID="Content3" ContentPlaceHolderID="otherjquery" runat="server">
+</asp:Content>
+

ShopMobile/Admin/PictureList.aspx.cs

@@ -0,0 +1,70 @@
+using ShopMobile.Admin.common;
+using ShopMobile.Common;
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Web;
+using System.Web.UI;
+using System.Web.UI.WebControls;
+
+namespace ShopMobile.Admin
+{
+    public partial class PictureList : System.Web.UI.Page
+    {
+        public string paging;
+        protected void Page_Load(object sender, EventArgs e)
+        {
+            bind();
+            if (Request.QueryString["Action"] == "Delete")
+            {
+                int _id = CommFun.RequestInt("ID", 0);
+                if (_id > 0)
+                {
+                    Model.PT_Pic_ImgUrl pt = new Bll.PT_Pic_ImgUrl().GetModel(_id);
+                    if (pt != null)
+                    {
+                        new Bll.PT_Pic_ImgUrl().Delete(_id);
+                        Common.MessageBox.ShowAndRedirect(this, "删除完成", Request.UrlReferrer.ToString());
+                    }
+                }
+            }
+        }
+
+        protected void btnAdd_Click(object sender, EventArgs e)
+        {
+            Response.Redirect("~/Admin/PictureEdit.aspx");
+        }
+
+        protected void bind()
+        {
+            int PageSize = 10;
+            int PageCount, RecordCount;
+            int PageIndex = Convert.ToInt32(Request.QueryString["Page"]);
+
+            string _search = " Type='0'  ";
+
+            if (!string.IsNullOrEmpty(Request.QueryString["zh"]))
+            {
+                _search = _search + " and PicSort = '" + Request.QueryString["zh"] + "'";
+            }
+            RpList.DataSource = Paginator.MyExecutePage("*", "PT_Pic_ImgUrl", _search, "id", "id desc", PageIndex, PageSize, out RecordCount, out PageCount);
+            paging = Paginator.Pagination(PageIndex, PageCount, RecordCount);
+            RpList.DataBind();
+        }
+
+        protected void btnsearch_Click(object sender, EventArgs e)
+        {
+            string strzh = txtPicSort.Text.Trim();
+
+
+            string _url = HttpContext.Current.Request.Url.AbsoluteUri;
+            if (_url.IndexOf('?') != -1)
+            {
+                _url = _url.Remove(_url.LastIndexOf("?"));
+            }
+
+            _url = _url + "?zh=" + strzh;
+            Response.Redirect(_url);
+        }
+    }
+}

ShopMobile/Admin/PictureList.aspx.designer.cs

@@ -0,0 +1,51 @@
+//------------------------------------------------------------------------------
+// <自动生成>
+//     此代码由工具生成。
+//
+//     对此文件的更改可能导致不正确的行为，如果
+//     重新生成代码，则所做更改将丢失。
+// </自动生成>
+//------------------------------------------------------------------------------
+
+namespace ShopMobile.Admin {
+    
+    
+    public partial class PictureList {
+        
+        /// <summary>
+        /// txtPicSort 控件。
+        /// </summary>
+        /// <remarks>
+        /// 自动生成的字段。
+        /// 若要进行修改，请将字段声明从设计器文件移到代码隐藏文件。
+        /// </remarks>
+        protected global::System.Web.UI.WebControls.TextBox txtPicSort;
+        
+        /// <summary>
+        /// btnsearch 控件。
+        /// </summary>
+        /// <remarks>
+        /// 自动生成的字段。
+        /// 若要进行修改，请将字段声明从设计器文件移到代码隐藏文件。
+        /// </remarks>
+        protected global::System.Web.UI.WebControls.Button btnsearch;
+        
+        /// <summary>
+        /// btnAdd 控件。
+        /// </summary>
+        /// <remarks>
+        /// 自动生成的字段。
+        /// 若要进行修改，请将字段声明从设计器文件移到代码隐藏文件。
+        /// </remarks>
+        protected global::System.Web.UI.WebControls.Button btnAdd;
+        
+        /// <summary>
+        /// RpList 控件。
+        /// </summary>
+        /// <remarks>
+        /// 自动生成的字段。
+        /// 若要进行修改，请将字段声明从设计器文件移到代码隐藏文件。
+        /// </remarks>
+        protected global::System.Web.UI.WebControls.Repeater RpList;
+    }
+}