Isso é seguido pela função principal para exibir um número fixo de mensagens do usuário (o valor recuperado da tabela de configurações administrativas):

<% Sub Show NumPerPage=INT(objRec2("NumPerPage")) If Request.QueryString("page") = "" Then iPageCurrent = 1 Else iPageCurrent = CInt(Request.QueryString("page")) End If Set objRec = Server.CreateObject ("ADODB.Recordset") StrSql = "SELECT * FROM Messages ORDER BY ID DESC;" objRec.PageSize = NumPerPage objRec.CacheSize = NumPerPage objRec.Open StrSql,objConn,3,1,&H0001 iPages = objRec.PageCount TotalRows = objRec.RecordCount If iPageCurrent >iPages Então iPageCurrent = iPages Se iPageCurrent< 1 Then iPageCurrent = 1 If iPages = 0 Then Response.Write "Не найденно записей!" Else ObjRec.AbsolutePage = iPageCurrent %>

"cor="<%=objRec2("PageFontColor")%>"tamanho="<%=objRec2("PageFontSize")%>"> Total no livro <%=TotalRows%> entradas em <%=iPages%> Páginas)

"> "cor="<%=objRec2("InfoFontColor")%>"tamanho="<%=objRec2("InfoFontSize")%>"><%=ObjRec("DateID") %>		"> "cor="<%=objRec2("InfoFontColor")%>"tamanho="<%=objRec2("InfoFontSize")%>">Classificação do site: .gif" altura="14" largura="65">
"> "cor="<%=objRec2("MessageFontColor")%>"tamanho="<%=objRec2("MessageFontSize")%>"><%=FormatStr(ObjRec("Message"))%>
"> "cor="<%=objRec2("InfoFontColor")%>"tamanho="<%=objRec2("InfoFontSize")%>"> <% If IsEmpty(Email) or Email=" " then Response.Write Name Else Response.Write "" & Nome Termina Se %>	"> "cor="<%=objRec2("InfoFontColor")%>"tamanho="<%=objRec2("InfoFontSize")%>"><%=FormatStr(ObjRec("Country")) %> IP:<%= ObjRec("IP") %>	"> "cor="<%=objRec2("InfoFontColor")%>"tamanho="<%=objRec2("InfoFontSize")%>"> <%=Link%>

"cor="<%=objRec2("PageFontColor")%>"tamanho="<%=objRec2("PageFontSize")%>"> Páginas: <% For I = 1 To iPages If I = iPageCurrent Then Response.Write ""&EU&"" Outra resposta. Escreva " "&EU&"" Terminar na próxima resposta. Escrever "" Else Response.Write " " End If End If objRec.Close Set objRec = Nothing End Sub %>

Preste atenção em como o link para visualizar a próxima página com essa “porção” de mensagens é formado e implementado:

Resposta.Escrever" "&EU&" "

Como você pode ver, o número da página é passado para ele como o valor do parâmetro page e, posteriormente, se esse valor não for igual a 1, a exibição das mensagens não inicia na primeira mensagem, mas na que será seja o primeiro na conta na página com o número correspondente especificado no parâmetro:

<% NumPerPage=INT(objRec2("NumPerPage")) If Request.QueryString("page") = "" Then iPageCurrent = 1 Else iPageCurrent = CInt(Request.QueryString("page")) End If %>Segue o texto fonte do próprio módulo, no qual a conexão com o banco de dados é feita e os registros são recuperados (no exemplo descrito, este será o único registro) da tabela de configurações administrativas do Admin:<% Set objConn = Server.CreateObject ("ADODB.Connection") objConn.Open StrConn Set objRec2 = Server.CreateObject ("ADODB.Recordset") ConfigSql = "SELECT * FROM Admin;" objRec2.Open ConfigSql,objConn,0,1,&H0001 %>

Em seguida, você pode estilizar o título e as tags principais da página HTML:

Conclusão

Consideramos mais um componente funcional do site e imediatamente o tornamos portátil. O resultado disso foi um código-fonte bastante complexo em termos de percepção. Embora um grande número de parâmetros recuperados da tabela administrativa tenha dificultado um pouco a compreensão do código-fonte do módulo, no entanto, usá-los de uma vez por todas evitará que você precise editar o código quando eles forem alterados. O sistema desenvolvido por nós é bastante aceitável em uso e, graças à modularidade de sua implementação e à abordagem de sua implementação em sites existentes descritos no artigo, pode ser usado como um livro de visitas em um site de quase qualquer grau de complexidade .

Obviamente, a interface da Web para editar, adicionar e excluir configurações administrativas (esquemas) também deve ser considerada, mas isso levará muito tempo e, portanto, o autor tentará cobri-lo em uma das seguintes partes deste artigo.

ComputerPress 11 "2001

O registro de controles é realizado pela diretiva @Register, que permite usar controles de usuário e controles de servidor no código HTML da página usando uma sintaxe especial (sintaxe declarativa de controle de servidor personalizado). Com base na análise dessas diretivas, o analisador de página pode associar tags a determinados tipos e, ao criar uma página, incorporar controles já como contêineres de tipos personalizados - ramificações da árvore de controle da página.

As diretivas devem preceder o primeiro uso das tags declaradas, mais frequentemente elas são colocadas no início da página e no caso de registrar vários controles, em sites com estrutura modular, a quantidade dessas declarações pode ocupar um grande número de linhas . Ao alterar a localização dos controles, você deve procurar as linhas que exigem alterações no código de todas as páginas e controles de usuário nos quais estão registrados, o que é bastante inconveniente.

O artigo descreve um método que simplifica o registro de controles.

Para as diretivas de registro, usaremos um arquivo de texto simples no qual coletaremos todas as diretivas @ Register. Como os caminhos virtuais podem ser usados ​​para declarar controles de usuário e apenas namespaces são especificados para controles de servidor, podemos coletar todos os links que precisamos neste arquivo, e os links para os arquivos ascx estarão corretos para qualquer pasta no projeto. Aqui está a aparência deste arquivo em um dos projetos:

Vamos nomear o arquivo register.inc e colocá-lo na pasta /inc do nosso projeto web.

Este arquivo conterá todos os links que precisamos, adicionaremos ou alteraremos o registro de um usuário ou controle de servidor nele.

Agora o arquivo criado precisa ser incluído de alguma forma no código da página. Fazemos isso com a diretiva #include SSI (server side includes). Esta diretiva permite incluir arquivos estáticos e dinâmicos no código da página, processando-os com base no mapeamento do IIS, ou seja, especificar um arquivo asp ou aspx como a origem fará com que o arquivo seja processado pelo processo apropriado e copie os resultados desse processamento para a página de saída. Em ASP, a diretiva #include foi muito utilizada e permitiu a modularização do site. Com o advento do ASP.NET, tornou-se mais conveniente fazer isso de outras maneiras, por exemplo, usando controles de usuário. Versões futuras do ASP.NET implementarão a modularidade usando páginas mestras. Em geral, a diretiva #include perdeu seu significado e foi mantida principalmente para compatibilidade com versões anteriores e para simplificar a migração de projetos ASP para .Net.

Como temos um arquivo de texto simples, nenhum processamento será feito e, antes que qualquer conteúdo dinâmico seja executado, todo o conteúdo do arquivo será copiado para o código da página. Aqueles. adicionar nosso arquivo register.inc ao topo da página, por exemplo, é quase o mesmo que escrever todas as diretivas @Register ali.

Para não depender da localização física do arquivo, usamos novamente a sintaxe do caminho virtual e adicionamos a seguinte linha ao código do arquivo aspx:

Certifique-se de que tudo funciona, caso contrário, corrija os caminhos errados.

Resta realizar mais uma operação. Agora, se você tentar obter o arquivo /inc/register.inc do link em seu navegador, poderá fazê-lo facilmente. O IIS o coloca em suas mãos, assim como nas mãos de um invasor, totalmente gratuito, embora contenha os caminhos da estrutura física do seu site.

Para evitar que isso aconteça, usamos os recursos do manipulador síncrono HttpForbiddenHandler, que nos permite proteger arquivos de um determinado tipo de serem emitidos a pedido do usuário. Essa abordagem é conveniente e é frequentemente usada, por exemplo, para proteger arquivos de banco de dados do MS Access usados ​​em um projeto. Para que os arquivos com a extensão *.inc sejam protegidos usando esse manipulador, você precisa informar ao IIS que esses arquivos serão processados ​​pelo processo ASP.NET, ou seja, configurar o IIS para mapear para arquivos desse tipo.

Para obter uma descrição detalhada do processo de configuração do IIS, consulte COMO: Usar ASP.NET para proteger tipos de arquivo (http://support.microsoft.com/kb/815152/EN-US/). Precisamos criar um mapeamento apenas para arquivos *.inc. Após concluir os passos descritos lá, todas as solicitações de arquivos com essa extensão serão processadas pelo processo ASP.NET, e você terá que editar o arquivo web.config da seguinte forma:

É isso, agora ao tentar obter o arquivo /inc/register.inc através de um link direto, o usuário receberá o erro B.

Para não registrar aspnet_isapi.dll, por exemplo, seu provedor não quer fazer isso, você pode usar a habilidade SSI para especificar arquivos de qualquer tipo e trapacear usando uma extensão de um dos tipos já mapeados no IIS por padrão para um arquivo com diretivas @Register. As extensões *.cs ou *.vb serão convenientes para isso. Esses arquivos contêm código-fonte e geralmente não são copiados para o servidor. Se de repente você cometeu um erro e copiou, não poderá obtê-los na solicitação do navegador - ao tentar fazer isso, o usuário receberá um erro B. Isso acontece porque o mapeamento no IIS é configurado por padrão para arquivos deste tipo e a extensão correspondente já está registrada na seção arquivo machine.config. No Visual Studio, para que o compilador não dê uma mensagem de erro, coloque uma extensão na qual o compilador não esteja interessado: em projetos C# é *.vb, em projetos VB é *.cs.
Conclusão

O método descrito permite registrar controles em um só lugar para todo o projeto. A modificação subsequente deste arquivo requer menos esforço do que se você tivesse que fazê-lo da maneira usual. Tente usar SSI #include dentro dos arquivos que você insere - isso permite que você organize um tipo de hierarquia e herança, o que pode ser conveniente para grandes projetos

As diretivas no AngularJS desempenham um papel importante. As diretivas podem ser usadas para ensinar novos truques ao HTML, e você pode até criar suas próprias tags ou atributos HTML. As diretivas também ajudam a manter a marcação mais fluente e definem uma boa maneira de separar código e marcação.

View é um modelo HTML. A visualização nada mais é do que as informações que você deseja renderizar para o navegador do usuário final. Uma visão no AngularJS também é chamada de DOM compilado. View faz uso de diretivas para renderizar os dados com template HTML.

Este artigo é a Parte IV do Site de Acompanhamento de Projetos construído em AngularJS e ASP.NET Web API. Até agora, criamos , criamos um e temos .

Graças a para revisar esta série Angular e corrigir os bugs.

Já vimos o objeto $scope que fornece um Model para a View. O código do modelo não é misturado com o código HTML que escrevemos em nossas visualizações. Em vez disso, os dados são movidos do modelo para as exibições usando expressões de vinculação de dados. Dessa forma, os desenvolvedores podem alcançar a Separação de Preocupações (SoC). Como os modelos são independentes das visualizações, eles podem ser vinculados a qualquer visualização. Essa vinculação do modelo é feita com a ajuda das Diretivas AngularJS.

Já vimos algumas diretivas Angular em nosso ng-app que inicializa o AngularJS, bem como o ng-controller que disponibiliza o controlador para HTML. A partir do controlador, podemos vincular os dados às visualizações usando Angular ((expressão)).

Neste artigo, veremos algumas diretivas adicionais do AngularJS que vêm de fábrica com o Angular. Um deles é ng-repetir. Vamos tentar usar a diretiva ng-repeat em nossa página EmployeeDetails.html que pode ser encontrada no anexo deste artigo. Modifique a URL do serviço em nosso arquivo EmployeesController.js. A URL do serviço é a seguinte:

http://localhost:2464/api/ptemployees

Agora vamos modificar a página EmployeeDetails.html conforme mostrado no código a seguir -

((emp.employeeID)) ((emp.employeeName)) ((designação embr.)) ((emp.contatoNº)) ((emp.eMailID)) ((emp.skillSets))

Substitua o da página EmployeeDetails.html com o código acima. A saída do código acima é mostrada aqui:

Neste código, usamos a diretiva ng-repeat do AngularJS. É semelhante ao loop for ou foreach no .NET. Aqui estamos recebendo um IEnumerable coleção usando ASP.NET Web API. Estamos usando esta coleção como modelo em nosso Angular Controller. Usando esse modelo, estamos iterando os objetos dos funcionários em nossa visão. Esta é uma diretiva muito útil que se repete através dos objetos na coleção para exibir os dados na exibição.

Agora vamos tentar adicionar um filtro para pesquisar um funcionário específico da coleção e exibir o funcionário com base no caractere Nome do funcionário ou Nome do funcionário. Até agora, buscamos o modelo e o usamos em nossas Views. Também funciona de outra forma. Podemos fazer com que nossas visualizações falem de volta com nossos modelos que estão em nossos controladores.

Para adicionar um filtro de pesquisa com base no nome do funcionário, modificaremos a página EmployeeDetails.html adicionando elementos de entrada HTML conforme mostrado abaixo -

Adicione o código acima logo após o

marcação. No código acima, estamos usando a diretiva ng-model que nos permite enviar os dados de volta ao modelo. Com base nesses dados, faremos uma busca por um funcionário usando a propriedade EmployeeName. Certifique-se de que a propriedade EmployeeName esteja declarada em nosso modelo, o que faremos nas etapas a seguir. Observe também que estamos usando ng-submit directiva que irá chamar a PesquisaFuncionário função do nosso controlador.

Agora vamos modificar o arquivo EmployeesController.js para que possamos pesquisar o funcionário com base na propriedade EmployeeName como critério de pesquisa. O código é mostrado abaixo -

(function () ( var EmployeesController = function ($scope,$http) ( var employees = function (serviceResp) ( $scope.Employees = serviceResp.data; ); $scope.SearchEmployees = function (EmployeeName) ( $http.get ("http://localhost:2464/api/ptemployees/" + EmployeeName) .then(employees, errorDetails); ); var errorDetails = function (serviceResp) ( $scope.Error="Algo deu errado ??"; ) ;$http.get("http://localhost:2464/api/ptemployees") .then(employees,errorDetails); $scope.Title = "(!LANG:Employee Details Page"; $scope.EmployeeName = null; }; app.controller("EmployeesController", EmployeesController); }()); !}

No código acima, adicionamos o método SearchEmployee() ao nosso objeto $scope como modelo. Este método procurará Funcionários com base no nome do funcionário ou no caractere do nome de um funcionário. Também declaramos Nome do empregado propriedade em nosso controlador no final deste código. O método SearchEmployees busca o método da API da Web. Eu modifiquei o método GET como mostrado aqui:

Public HttpResponseMessage Get(string name) ( var employees = EmployeesRepository.SearchEmployeesByName(name); HttpResponseMessage response = Request.CreateResponse(HttpStatusCode.OK, employees); return response; )

O código do Employee Repository é mostrado aqui:

lista estática pública SearchEmployeesByName(string EmployeeName) ( ProjectTrackingDBEntities dataContext = new ProjectTrackingDBEntities(); var query = de empregado em dataContext.Employees onde empregado.EmployeeName.Contains(employeeName) selecione empregado; return query.ToList(); )

Após todas essas alterações, agora execute a página EmployeeDetails.html e veja a saída.

Na saída acima, estamos procurando funcionários cujo nome contém o caractere 'J'.

Filtros AngularJS estender o comportamento de expressões ou diretivas de ligação. Os filtros são usados ​​com expressões de associação para formatar os dados que estão sendo associados. Quando são usados ​​com diretivas, eles adicionam algumas ações adicionais às diretivas. Pronto para uso, o AngularJS fornece uma série de filtros que podemos usar para formatar os valores de uma expressão e exibir os valores/dados em nossas visualizações. Você pode fazer uso de filtros em Views, Controllers e Services. A sintaxe do uso de filtros em visualizações é ((expressão | filtro1 | filtro2 | ...)).

Vamos agora tentar um filtro que classificará os dados usando o nome do funcionário. Para classificar os dados, vamos adicionar um filtro em nosso ng-repeat usando um | operador como mostrado aqui:

No código acima, estamos adicionando filtro em nossa diretiva ng-repeat. O orderBy:'employeeName' classificará os dados usando o nome do funcionário em ordem crescente. Você pode observar a saída aqui:

Para exibir os dados em ordem decrescente, você pode alterar o filtro conforme mostrado aqui:

No código acima, para classificar os nomes dos funcionários em ordem decrescente, usamos o sinal de menos (-). Da mesma forma, você pode usar o sinal (+) para classificá-lo em ordem crescente.

Você também pode fazer uso limitTo filtro para limitar o número de registros. Por exemplo, digamos que em um momento você deseja exibir 5 funcionários. Para exibir o número restrito de registros em nossa página EmployeeDetails.html, vamos modificar a diretiva ng-repeat conforme mostrado aqui-

A saída é mostrada aqui:

Agora, se você executar a página ProjectDetails.html, a data será exibida com a hora. Você pode aplicar o filtro de data conforme mostrado no código a seguir -

((proj.projectID)) ((proj.projectName)) ((proj.startDate|date:"curta")) ((proj.endDate|date:"curta")) ((proj.clientName))

A saída desta página é a seguinte:

Você pode usar diferentes formatos de data como - fulldate, longdate, mediumdate, shortdate etc. Agora vamos abrir a página EmployeeDetails.html e executá-la. Estou usando o caractere 'Z' para exibir funcionários cujo nome de funcionário contém Z.

Se você observar, a saída exibe um cabeçalho de tabela Employee sem dados. Podemos tornar o título invisível usando a diretiva ng-show quando o filtro não produz nenhum resultado. Aplique a diretiva ng-show em nossa tag table conforme mostrado no código abaixo e tente executar o aplicativo com o caractere Z. Agora você não verá as colunas da tabela quando o modelo Employees for nulo. O atributo ng-show avaliará o modelo Employees e, consequentemente, exibirá a tabela ou ocultará a tabela.

Da mesma forma, existem várias diretivas que você pode usar no AngularJS. Você também pode criar uma Diretiva Personalizada que veremos mais adiante nesta série. Aplique a pesquisa em várias visualizações conforme sua necessidade em nossas visualizações. Em nosso próximo artigo, veremos

ARTIGOS RELACIONADOS

• Comentários
• mapa do site
• Sobre o site