开发笔记 第580页

[转载]信息发布系统 Jquery+MVC架构开发(1) 需求分析和架构构思 – 似水流年-johnhuo – 博客园.

最近朋友的公司已经注册完成了,需要我帮它来开发信息发布系统.

我最近在公司做的项目多为微软的mvc 架构的开发,借给朋友做系统的机会,自己也总结一下,也跟大伙分享一下.

首先是工具准备

Enterprise Architect 7.5 汉化版（描述需求和设计）

microsoft  visio

VS2010+SQL SERVER 2008(朋友的网站小access就够了,我本机就用SQL server吧)

动软.Net代码生成器+CodeSmith Studio(用于生成一些重复用的代码)

下面描述一下信息发布的需求:

开发这个系统本身是为了朋友公司的网站信息发布，朋友的公司主要是做仪表类的产品销售。这样的网站需要发布的内容如下：
1.一些普通的信息.2.带图片的信息.3.直接为一个图片.4.一个仪器类别。
网站的首页及其子页面主要是把后台存取的类别，信息，图片展示出来。

这样我们分析一下，软件的功能需求如下：

账号管理（增，删，改，查）

类别管理（增，删，改，查）

新闻管理（增，删，改，查）

图片管理（增，删，改（覆盖））
下面是用例描述：

单个用例的描述可参考下面的例子

用例名称：账号查询

用例标识号：101

参与者：管理员

简要说明： 查询所有的账号信息

前置条件： 管理员已经登录后台信息管理系统

基本事件流： 1．管理员进入账号管理页面 2．系统出现需要输入账号名称的查询框和默认显示所有的账号信息 3．管理员可以输入账号名称，模糊查询所有符合条件的账号信息 4．用例终止

其他事件流A1：

异常事件流： 1．提示错误信息，管理员确认 2．返回到管理系统主页面

后置条件：

注释：无

架构构思：

主要想采用

modal+dal+bll （wcf ） +Controllers+view（JQuery）展现层

请注意我是为了总结一些技术，朋友的网站就不需要wcf了。

[转载]Android开发教程 — 葵花宝典第二层 Activity生命周期 – Jason_CC – 博客园.

Hi 大家好

今天我准备花一节课来讲讲Activity的生命周期，这个概念还是比较重要的，相信大家看书或者资料都会提及它，可想而知！希望大家能看了我的博客后能搞明白生命周期的概念以及在以后的代码编写中，代码往哪里去写。

照例，上笑话。。。

有的女人就是Windows虽然很优秀，但是安全隐患太大。
有的女人就是MFC她条件很好，然而不是谁都能玩的起。
有的女人就是C#长的很漂亮，但是家务活不行。
有的女人就是C++,她会默默的为你做很多的事情。
有的女人就是汇编虽然很麻烦，但是有的时候还得求它。
有的女人就是SQL，她会为你的发展带来莫大的帮助。  感慨下，呵呵

这是Android帮助文档中的图，我先发上。帮助文档位置在例如我将SDK文件夹放在D盘，那么我的帮助文档路径为

D:\Adnroid\Android-sdk-windows\docs\index.html  英文好的朋友可以参考这个帮助文档

我们主要会学习以下七个生命周期函数，活动（窗体）的生命周期函数并不止这七个，后面会说到。。耐心看

以下是对每个生命周期函数的中文解释

大家看过这些解释，对它有了一个大概的认识，那么接下来我们动手开始编写代码，来看看运行时的效果，这是代码

public class MainActivity extends Activity {
Button btn1;
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
System.out.println("第一个活动（窗体）初始化------------- onCreate");
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
btn1 =(Button) findViewById(R.id.btn1);
btn1.setOnClickListener(new Button.OnClickListener() {
@Override
public void onClick(View v) {
Intent intent = new Intent();
intent.setClass(MainActivity.this, ResultActivity.class);
startActivity(intent);
}
});
}
@Override
protected void onStart() {
// TODO Auto-generated method stub
super.onStart();
System.out.println("第一个活动（窗体）初始化完毕，并将要显示时------------- onStart");
}
@Override
protected void onResume() {
// TODO Auto-generated method stub
super.onResume();
System.out.println("第一个活动（窗体）在即将于用户交互时------------- onResume");
}

@Override
protected void onPause() {
// TODO Auto-generated method stub
super.onPause();
System.out.println("第一个活动（窗体）在系统即将启动第二个活动时------------- onPause");
}

@Override
protected void onStop() {
// TODO Auto-generated method stub
super.onStop();
System.out.println("第一个活动（窗体）在用户不可见时------------- onStop");
}
@Override
protected void onRestart() {
// TODO Auto-generated method stub
super.onRestart();
System.out.println("第一个活动（窗体）当重新启动时------------- onRestart");
}
@Override
protected void onDestroy() {
// TODO Auto-generated method stub
super.onDestroy();
System.out.println("第一个活动（窗体）当活动销毁时------------- onDestroy");
}

}
public class ResultActivity extends Activity {
TextView txtResult;
Button btn1;
@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
System.out.println("第二个活动（窗体）初始化------------- onCreate");
super.onCreate(savedInstanceState);
setContentView(R.layout.result);
txtResult = (TextView)findViewById(R.id.txtResult);
txtResult.setText("第二个窗体");
btn1 = (Button)findViewById(R.id.btn1);

btn1.setOnClickListener(new Button.OnClickListener() {
@Override
public void onClick(View v) {
Intent i = new Intent();
i.setClass(ResultActivity.this, MainActivity.class);
startActivity(i);
}
});
}

@Override
protected void onStart() {
// TODO Auto-generated method stub
super.onStart();
System.out.println("第二个活动（窗体）初始化完毕，并将要显示时------------- onStart");
}

@Override
protected void onResume() {
// TODO Auto-generated method stub
super.onResume();
System.out.println("第二个活动（窗体）在即将于用户交互时------------- onResume");
}

@Override
protected void onPause() {
// TODO Auto-generated method stub
super.onPause();
System.out.println("第二个活动（窗体）在系统即将启动第二个活动时------------- onPause");
}

@Override
protected void onStop() {
// TODO Auto-generated method stub
super.onStop();
System.out.println("第二个活动（窗体）在用户不可见时------------- onStop");
}

@Override
protected void onRestart() {
// TODO Auto-generated method stub
super.onRestart();
System.out.println("第二个活动（窗体）当重新启动时------------- onRestart");
}

@Override
protected void onDestroy() {
// TODO Auto-generated method stub
super.onDestroy();
System.out.println("第二个活动（窗体）当活动销毁时------------- onDestroy");
}
}

如果大家要创建多个活动（窗体）时，需要到AndroidManifest.xml中进行活动（窗体）的注册:

<!--?xml version="1.0" encoding="utf-8"?-->

在这里说下，如何LogCat切换到Java透视图中

在Java透视图的左下角有一个小图标，点击后 -> 其它 -> Android -> LogCat -> 确定 此时LogCat就会出现在我们的包资源管理器那里，你可以拖动它到你想要放置的地方。

由于我们在代码中使用了System.out.println 那么 我们可以在LogCat中去新建一个Filter 如何建立呢？

点击那个绿色的加号，会弹出一个窗体 ，在Filter Name 中任意输入一个名字 ，我这里叫做Sys,在By Log Tag 中输入 System.out 然后确定，此时就会创建成功，我们在程序中使用的System.out.println 就会显示在刚才建立的那个选项卡中。

大家观察，打印结果

到这里，两个窗体跳转所要执行的函数，大家应该是能够明白了。

当我们按下Home键，又该如何执行呢？

大家看图，然后再参照最开始的那七个生命周期的说明，自己动手实践下，就能明白了

当点击Back键后，其实，Android操作系统是在向活动栈中逐一销毁之前压入的活动。大家可以这样做个试验，两个窗体直接反复跳转4次，在跳转前，在编辑框中输入一些值，然后在点击Back键，看要点击几次，并看编辑框中的值。

Visible Lifetime 可视期介于调用 onStart 与 onStop 之间。此时Activity是可见的，但是不能响应用户事件。一个Activity在其生命周期中是有可能经历多个可视期的。在非常极端的情况下，系统也有可能终止一个处于可视期的活动，这种情况很少见。onStop 方法通常用于暂时或者停止那些用来更新UI的动画，线程，定时器，服务等，所以当活动不可见的时占用的系统资源是很少的。当活动由不可见状态转化为可见状态时，在 onStart 中再启动相关的线程和服务。onStart 和 onStop 同样也用来注册和取消注册（unregister）那些用来更新UI的广播接收者。在活动不可见时我们需要取消注册接受者（Receivers），特别是那些支持目的动作（Intent）以及更新UI的接收者。

[转载]ASP.NET中动态获取数据使用Highcharts图表控件 – 某人的 – 博客园.

Highcharts 官网：http://www.highcharts.com

Highcharts 官网示例：http://www.highcharts.com/demo/

Highcharts 官网文档：http://www.highcharts.com/documentation/how-to-use

Highcharts 官网参考手册：http://www.highcharts.com/ref/#credits–enabled

具体实现的效果如图：

具体代码：

ASP.NET前台脚本代码：

<%@ Page Title="" Language="C#" MasterPageFile="~/MyHome/MasterPage.master" AutoEventWireup="true" CodeFile="ryfb.aspx.cs" Inherits="MyHome_tixi_ryfb" %>
<script src="http://www.cnblogs.com/JScript/JQuery/jquery-1.4.2.min.js" type="text/javascript"></script> <script src="http://www.cnblogs.com/JScript/JQuery/Highcharts/highcharts.js" type="text/javascript"></script>
<script src="http://www.cnblogs.com/JScript/JQuery/Highcharts/modules/exporting.js" type="text/javascript"></script> <script type="text/javascript">// <!&#91;CDATA&#91;
    var chart;
    $(document).ready(function() {
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                defaultSeriesType: 'bar'
            },
            title: {
                text: '人员体系分布情况'
            },
            subtitle: {
                text: 'Source: 下级人员'   //图标的副标题
            },
            xAxis: {
                categories: <%= xAxisCategories %>,//从后台获取数据
                tickPixelInterval:0.2,
                title: {
                    text: null
                }
            },
            yAxis: {
                min: 0,
                title: {
                    text: '人数 (个)',
                    align: 'high'
                }
            },
            tooltip: {
                formatter: function() {
                    return ''+
                         this.series.name +': '+ this.y +' 个';
                }
            },
            plotOptions: {
               column: {
                        pointPadding: 0.3,
                        borderWidth: 0
                    },
                bar: {
                    dataLabels: {
                        enabled: true
                    }
                }
            },
            legend: {
                layout: 'horizontal',
                align: 'center',
                verticalAlign: 'top',
                y: 50,
                borderWidth: 1,
                backgroundColor: '#FFFFFF',
                borderColor: '#CCC',
                shadow: true
            },
            credits: {
                enabled: false
            },
            series: <%= returnValue %> //此处数据从后台获取
        });
    });
// &#93;&#93;></script>
<div class="profile">
<div class="profile_title">
<h2>人员分布</h2>
</div>
</div>

CS获取数据并处理数据的代码段：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using LHCYW.Core.DataAccess;
using System.Data;

public partial class MyHome_tixi_ryfb : System.Web.UI.Page
{
public string returnValue = "";//"[{name: '人员体系城市分布情况',data: [15,18,13,13,10,16,23,23]}]";
public string xAxisCategories = "";//"['北京市', '上海市', '重庆市', '天津市','抚州市','长沙市','常德市','济南市']";
public string containerHeight = "400px";
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
XTUserDataAccess l_XTUserDataAccess = new XTUserDataAccess();
DataTable dt = l_XTUserDataAccess.GetRYFB(LHCYW.Core.WebSession.User.DTG);
if (dt.Rows.Count > 0)
{
if (dt.Rows.Count > 4)
{
containerHeight = (dt.Rows.Count * 50).ToString() + "px";
}
else
{
containerHeight = "200px";
}
string dataY = "[{name: '人员体系城市分布情况',data: [";
string dataX = "[";
foreach (DataRow dr in dt.Rows)
{
dataX += "'" + dr["CS"].ToString() + "',";
dataY += dr["NUM"].ToString() + ",";
}
xAxisCategories = dataX.Substring(0, dataX.Length - 1) + "]";
returnValue = dataY.Substring(0, dataY.Length - 1) + "]}]";
}
}
}
}

代码下载：点击我下载

[转载]60款高质量的网站模板免费下载（上篇） – 梦想天空（山边小溪） – 博客园.

当你想快速制作出一个网站的时候，网站模板就非常有用了。学习网页设计的朋友也可以从网站模板入手，学习模板网站的布局方式和编码风格。这篇文章收集了60个高质量的网站模板免费，您可以免费下载使用，希望这些网站模板能帮助到您。

Beez design
演示 | 下载

Greefies

演示 | 下载

Beauty co
演示 | 下载

Jet 30 v2
演示 | 下载

Individual v2
演示 | 下载

Redish
演示 | 下载

Facing
演示 | 下载

New Horizon
演示 | 下载

Update
演示 | 下载

Temper
演示 | 下载

RS11
演示 | 下载

Imagination
演示 | 下载

Stylish
演示 | 下载

Simple Life 2.0
演示 | 下载

Green House
演示 | 下载

Snowglass 1.0
演示 | 下载

Compressed v2
演示 | 下载

Nightvision
演示 | 下载

Glazed
演示 | 下载

FrozenAge
演示 | 下载

Earthling
演示 | 下载

Keep It Simple
演示 | 下载

Colourise
演示 | 下载

Vectorlover
演示 | 下载

UrbanArtist
演示 | 下载

Techjunkie
演示 | 下载

Watch This
演示 | 下载

Unbound 1.0
演示 | 下载

[转载]60个优秀的免费网站模板下载（下篇） – 梦想天空（山边小溪） – 博客园.

这篇文章收集了60款各式各样的高质量网站模板，您可以免费下载使用。当你需要在短时间内制作出网站的时候，网站模板就非常有用了，感谢那些优秀的设计师分享他们的劳动成果，让更多的人可以使用他们的创意设计，希望这些网站模板能帮助到您。

BuBlue
演示 | 下载

PG Photo Gallery
演示 | 下载

Squick Design
演示 | 下载

My Personal Page
演示 | 下载

Organic Beauty
演示 | 下载

Conceptnova
演示 | 下载

Small Corporation
演示 | 下载

Web Application
演示 | 下载

Internet Studio
演示 | 下载

Internet Corporation
演示 | 下载

Internet Music
演示 | 下载

Internet Market
演示 | 下载

Organic Design
演示 | 下载

New York Magazine
演示 | 下载

Environmental Brand Design
演示 | 下载

Eco Business
演示 | 下载

The Autumn
演示 | 下载

Green Web
演示 | 下载

Breaking On Top
演示 | 下载

Apple Web
演示 | 下载

Wallpaper Medialab
演示 | 下载

The Watch Shop
演示 | 下载

Surreal
演示 | 下载

Colorus
演示 | 下载

Clicker
演示 | 下载

News Portal
演示 | 下载

Electronix
演示 | 下载

[转载]程序员该如何规划自己的人生 – 南京.王清培 – 博客园.

[转载]Ubuntu安装Mono2.10并使用Apache承载Asp.Net mvc3应用程序 – 傲雪啸风 – 博客园.

ASP.NET长久以来令大规模部署所诟病的便是其成本的高企，mono的出现为.net应用程序打开了通往linux的一扇大门，使得.Net应用程序 低成本部署成为可能。最近为了尝试将ASP.NET Mvc3部署在Linux下，查阅了很多资料，但发现大多数都是在OpenSUSE的，介绍如何Ubuntu下使用Apache2的文章比较少，但也终于 找到了一些比较有价值的并最终安装部署成功，把安装过程总结出来，供广大.Neter参考。

0. 在安装之前

Ubuntu10.04为全新安装，并在安装的过程中选择了ssh server, LAMP server, samba三个角色

1. 安装依赖程序

apt-get install build-essential bison gettext pkg-config autoconf libtool automake

2. 安装Mono2.10

wget http://ftp.novell.com/pub/mono/sources/mono/mono-2.10.tar.bz2
tar -xjvf mono-2.10.tar.bz2
cd mono-2.10
./autogen.sh
make
sudo make install
cd ..

记得make install需要sudo，否则会提示无权限

参考资料[1]中的./autogen.sh一行有路径参数，但发现实际输入路径参数会提示找不到该参数，故取消，安装后路径在/usr/local/bin下

3. 安装XSP服务器

wget http://ftp.novell.com/pub/mono/sources/xsp/xsp-2.10.tar.bz2
tar -xjvf xsp-2.10.tar.bz2
cd xsp-2.10
./configure
make
sudo make install
cd ..

同第2步，参考资料[1]中的./configure一行有路径参数，但发现实际输入路径参数会提示找不到该参数

4. 安装apache-dev

apt-get install apache2-dev

5. 修整相关文件

sudo mv /etc/apache2/mod_mono.conf /etc/apache2/mods-available/
sudo a2enmod mod_mono
sudo service apache2 restart

默认mod_mono安装完成后mod_mono.conf会直接出现在/etc/apache2下，ubuntu下的apache2采取分离-包含的配置文件策略，需将mod_mono.conf复制至mods-available并启用mod_mono

6. 修改站点配置文件

ServerAdmin webmaster@localhost
ServerName mono.me.com
DocumentRoot /var/www/mono

MonoServerPath mono.me.com "/usr/local/bin/mod-mono-server4"
MonoDebug mono.me.com true
MonoSetEnv mono.me.com MONO_IOMAP=all
MonoApplications mono.me.com "/:/var/www/mono"

Allow from all
Order allow,deny
MonoSetServerAlias mono.me.com
SetHandler mono
SetOutputFilter DEFLATE
SetEnvIfNoCase Request_URI "\.(?:gif|jpe?g|png)$" no-zip dontvary


AddOutputFilterByType DEFLATE text/html text/plain text/xml text/javascript

ErrorLog /var/log/apache2/error-mono.log

# Possible values include: debug, info, notice, warn, error, crit,
# alert, emerg.
LogLevel debug
CustomLog /var/log/apache2/access-mono.log combined

除了手动更改, 该配置文件还可使用Mono Config Tool自动生成.

需要注意”MonoServerPath mono.me.com “/usr/local/bin/mod-mono-server4″一行，mono2.10采取上述默认过程安装完成后并不在很多文章中提到的/usr/bin下，而在/usr/local/bin下

还有DocumentRoot /var/www/mono 此目录需要有执行权限，否则apache会报403错误

7. 部署站点

新建一个Asp.Net Mvc3应用程序，将该Mvc项目生成部署包，通过samba复制至第6步中设置的站点根目录下，并重启apache2服务，在客户机设定好Host并在 浏览器中输入设定的域名，如果一切正常，恭喜你可以看到一个经典的Asp.Net错误页，将customerError设为Off，将会看到，是因为缺少 一个System.Web.Helpers的dll。此时，回到Mvc项目中，你需要

(1). 添加如下引用

System.Web.Razor.dll
System.Web.WebPages.Razor.dll
System.Web.WebPages.Deployment.dll

(2). 将如下引用的dll设定为复制到本地

System.Web.Helpers.dll
System.Web.Mvc.dll
System.Web.WebPages.dll
System.Web.Razor.dll
System.Web.WebPages.Razor.dll
System.Web.WebPages.Deployment.dll

(3). 重新生成部署包，覆盖服务器上的bin目录即可。

OK，此时，你已经摆脱了昂贵的Window Server，当然，使用盗版的同学可以偷偷走开，如果你还想摆脱昂贵的SQL Server，那么你可以使用MySQL、PostgreSql、Mongodb，如果你不需要多么强大的性能，那么sqlite也是一个不错的选择。

参考资料：

[1] 《How to get ASP.NET MVC 2 working with Mono in 10 Steps》 – buddylindsey

[2] 《ASP.NET MVC 3 with Razor on Mono 2.10.1》 – Robert Jordan

[3]  Configure Apache Mod_Mono

[转载]Android开发教程 — 葵花宝典第一层 初识Android – Jason_CC – 博客园.

[转载]自己动手写SQL字符串分解函数Split – 会动的稻草人 – 博客园.

前段时间，在做一个可以批量审核或删除数据的功能时，遇到这么个问题：

因为审核或删除操作是在存储过程进行的，所以，就打算将选中的数据的主键拼成字符串，传到存储过程进行分离，再继续处理。

C#中和JavaScript中都有相应的分离字符串的Split函数，就想当然的以为SQL中也会有类似的函数，结果查了半天的MSSQL帮助文档，也没找到。

没办法，只好自己写了，在网上搜了下相关的，看了一两篇关于SQL分离字符串的自定义函数的文章，结果，有点失望，可能是自己水平差，或者是因为人家的代码没写注释吧，总之就是看着挺吃力的，还没看完就决定自己写了。。。

思路很简单：在需要分解的字符串中，如果存在指定的分隔符，则将第一个分隔符前面的字符串取出，存入表内，然后在需要分解的字符串中将已取出的字符串及第一个分隔符删除，然后继续下一次分解（如果还存在指定的分隔符，就分解）

以下是SQL：

-- =============================================
-- Author:        Henson
-- Create date:   2011-04-20
-- Description:   字符串分离函数
-- =============================================
ALTER FUNCTION [dbo].[Split]
(
@strText varchar(3000),--待分离的原字符串
@strSplit varchar(100)--分隔符
)
RETURNS @temp Table
(
ID int IDENTITY PRIMARY KEY,
SingleVal varchar(1000)
)
AS
BEGIN
Declare @intLen int --用来存储待分离原字符串长度
Declare @intSplitLen int --分隔符长度
Declare @intIndex int --用来存储分离字符串在原字符串的位置
Declare @strVal varchar(1000)--用来存储分离出来后的字符串
--获取原字符串的长度
Set @intLen = LEN(RTRIM(LTRIM(@strText)))
Set @intSplitLen = LEN(RTRIM(LTRIM(@strSplit)))
--原字符串不为空，才继续分离
If(@intLen > 0)
Begin
--循环原字符串，直至原字符串被分离完毕
While CHARINDEX(@strSplit,@strText)>0
Begin
--获取分离字符串在原字符串的位置
Set @intIndex = CHARINDEX(@strSplit,@strText)
--获取分离出的字符串，并插入表中
Set @strVal = RTRIM(LTRIM(LEFT(@strText,@intIndex-1)))
if(LEN(@strVal)>0)
Begin
Insert Into @temp (SingleVal) values(@strVal)
End
--分离后，将分离出的字符串（包括分隔符）从原字符串中删除
Set @strText = Substring(@strText,@intIndex+@intSplitLen,@intLen-@intIndex)
--重新设置原字符串的长度
Set @intLen = LEN(@strText)
End
--如果分离后的原字符串依然不为空，则也应该插入表中
if(LEN(RTRIM(LTRIM(@strText)))>0)
Begin
Insert Into @temp (SingleVal) values(@strText)
End
End
return
END

（分隔符允许是多位的）

按一般的习惯来说，在组织多个字符串时，一般都是这种写法：strKeys += strSingleKey + “,”;

所以可能最终该字符串可能会以逗号结尾，如果组织完成后，将结尾的逗号去掉了，那就不会以逗号结尾，所以，在循环分解完成后，如果剩下的原字符串中（去除左右空格后），如果还有内容 ，则也应该存入表中。

可能我这种写法不是最好的，也可能会有问题，如确实有需要改进的，还请指出，不胜感激！！！

[转载]【原创】Asp.Net 在线代码编辑工具 – 追求、品味、境界 – 博客园.

通常CMS软件中最基本的一个功能就是在线文件内容的编辑，内容更新并且发布后，可实时看到编辑后的效果，可是企业Web应用项目更多是业务逻辑的控制， 不适合基于CMS来做开发，尤其是已经部署在线运行的项目，用户会频繁地提出前端页面的修改，例如颜色，字体大小，网页标题等等琐碎的调整，加上经常忘记 服务器管理密码，更新程序极为不便，于是在线代码编辑工具在这样的场景下应用而生了。

以图为例：

说明：上图中左边区域为工程的文件目录，右边区域为代码编辑区，选择左边的文件节点，右边编辑区将加载文件内容，编辑内容后，选择保存即可即时更新代码文 件。也可以选择左边的文件夹节点，新增空白文本文件，也可以新增文件夹,当然也可以上传文件，比如图片，或者dll文件，替换当前程序文件，即时更新应 用。

注意事项，该功能应包含在现有项目中发布，此外应考虑安全因素，如单独提供一个登录页面访问控制

示例工程代码如下：I’m here