Loading
Nota de Estudos
Study Reminders
Support
Text Version

App Fair Share-HTML & CSS

Set your study reminders

We will email you at these times to remind you to study.
  • Monday

    -

    7am

    +

    Tuesday

    -

    7am

    +

    Wednesday

    -

    7am

    +

    Thursday

    -

    7am

    +

    Friday

    -

    7am

    +

    Saturday

    -

    7am

    +

    Sunday

    -

    7am

    +

Olá, todos, bem-vindos à segunda sessão da terceira semana do curso sobre introdução aodesenvolvimento de aplicações modernas. Na sessão anterior, tínhamos visto como a versão webversão HTML do nosso aplicativo FairShare parecia e como ele se comportou. Vimos que haviaessencialmente 2 versões:1. uma era bare simples HTML simples,2. outra era HTML que era adornado e ficava lindo usando folhas de estilo cascataou CSS como são chamadas em short.Nessa sessão vamos observar as mudanças que precisamos fazer na versão de linha de comandos do programa de compartilhamento de feiraque nos dará, primeiro o HTML bare e depois HTML com cascata adicionada
folhas de estilo. Ao longo do caminho introduziremos alguns conceitos básicos de folhas HTML e estilo. Nósprimeiro queremos fazer com que nossos programas sejam executados. Por isso, vamos nos concentrar foi na construção do aplicativo de compartilhamento justo.E depois vamos deixar usarmos as ideias básicas da web, que incluem HTML e CSS, mas também protocolosque estão envolvidos em fazer transações na web. O plano de sessão para nós será, portanto, principalmenteolhando a versão produzindo HTML e as versões produtoras de HTML + CSS do nosso programa.Vamos começar revendo a versão da linha de comandos que fizemos anteriormente.(Consulte o Tempo do slide: 01:59)
A versão da linha de comandos é uma bastante simples; há uma principal estática como de costume. E há duasfunções ou métodos principais, como diria Java, aquele que apenas faz um set up, e o segundoque processa argumentos da linha de comando, e sabemos que este método específico é o nosso workhorse.O método processCommandLine () é um workhorse no sentido de que ele despacha o método correspondentepara tratar a solicitação conforme especificado via o comando.Então, se dizemos que o fair share registra, então o método de linha de comandos do processo coloca uma chamada para a função de registro. Se a linha de comando diz despesas, então o método de linha de comando do processodespachos ou chama o método que processa gastos e assim sucessiv.e assim por diante.
Na versão de linha de comando, a saída, ou o que fosse produzido por cada função, era realmentesimplesmente associado a esse ponto de tempo dentro dessa função em si.(Video Starts: 03:28)Então, por exemplo, a função doSetup () nos informa sobre o banco de dados, o arquivo particular quearmazena o banco de dados, se ele existe, e se ele existe, qual é o seu tamanho e assim por diante.Esta informação é simplesmente impressa. Precisaríamos mudar esse aspecto, aquele que trazfora informações. Vamos agora imprimir para fora mas tal que, em vez de produzir apenas texto simplesnão adornado, ele realmente produz HTML. Para produzir HTML, precisamos saber a estrutura básicade uma página HTML.[Video às 6:39 para a página HTML]Deixe-nos ter uma olhada rápida em uma página HTML de amostra. Uma página HTML consiste em 2 objetos principais, oselementos de HTML que são entidades que se encontram entre colchetes de ângulo como <html>,<head>, <body>... etc. Estes denotam a marcação estrutural do documento. E a outra parteé claro o documento em si, ou o conteúdo do próprio documento. Aqui por exemplo, nóstemos a linha “ The FairShare System ” enclosed entre 2 markups o <title> e </title>. Esta marcaçãodiz que o que quer que seja entre o <title> e </title> deve ser renderizado, exibido ou desenhadono dispositivo de saída em um formato de título. Percebem que o título é uma parte da cabeça da página HTML. Os conteúdosda página HTML estão fechados na tag body. E dentro do corpo, temos vários elementosque marcam a estrutura do documento, por exemplo, temos um cabeçalho, temos o texto do corpo, temos uma lista de objetos e assim por diante.Esta é a saída que precisamos produzir. Note que antes na versão de linha de comando, paraexemplo, nós apenas produzimos esta parte da saída, aquela que agora vai ser conteúdo de uma página HTML, na versão anterior só produzimos o conteúdo mas não o documento de marcaçãousando HTML. Agora quando queremos produzir HTML, devemos não apenas produzir o conteúdo mastambém utilizar marcadores HTML, e para isso precisamos conhecer os vários elementos de HTML. Não apenasdevemos marcá-los com os marcadores, mas também estruturar o documento.
Agora precisamos pensar em qual saída deve estar indo como título, qual saída deve se tornar um cabeçalho, qual saída deve ser enfatizada, qual saída não deve ser enfatizada, e assim por diante eetc. Nada disso foi algo com que nos preocupamos na aplicação da linha de comando puro.Existem várias maneiras pelas quais as pessoas preferem estruturar seus documentos. Sinta-se à vontade para estruturarsua versão de qualquer maneira que você se sentir é agradável. O ponto que estamos aprendendo aqui está produzindo a saída HTML. Voltemos para a versão HTML. Esta é uma versão do programa de linha de comandosque produz apenas HTML bare sem qualquer CSS. Perceba que ele tem as habituais 2 funções, o métododoSetup () e processCommandLine ().Mas agora há algo mais. Você tem um monte de métodos que são chamados apenas se somosnecessários para montar HTML. Assim, se montar HTML é verdadeiro, só então o nosso programa executariavários métodos como:• doAssembleHTMLHeader (): monta o cabeçalho HTML,• doRegistrationHTML (): faz a parte de registro da página de código HTML,• doExpensesHTML (): faz as despesas• doReportHTML (): part faz a parte do relatório,• doAssembleHTMLDatabaseInfo (): monta a base de dados do banco de dados,• doShowDatabase (): mostra o banco de dados, e• doAssembleHTMLTail (): monta uma parte da cauda de HTML. Todos esses métodos umapós o outro produzem coletivamente o documento inteiro.Em outras palavras, enquanto este é um único documento inteiro, todos até o final do arquivo, o arquivo inteiro éproduzido em partes por cada método. Assim, por exemplo, o doAssembleHTMLHeader ()monta a parte de cabeçalho, que é produz as informações do cabeçalho. O corpo contém registrosdados, seguidos por informações de despesas se houver, seguido de relatórios se algum ... etc.; cada um destesformam várias partes da única página HTML. Eles são produzidos por métodos diferentes no programa Java. Já olhamos para o processamento que será feito pela versão de linha de comandose que o processamento vai continuar o mesmo. Por isso, nesta parte, vamos nos concentrar apenas no
Funcionalidade produtora de HTML do nosso código. Deixe-nos ver o que o doAssembleHTMLHeader ()faz.
Tem um outputMensagens de sequência de variáveis locais. E é nessa sequência que coletamos peçasda página HTML. Assim, por exemplo, imprimimos um comentário no comando HTML começa com um suporte de ângulo esquerdo, e uma marca de exclamação seguida por 2 traços e termina com 2 traços seguidospelo suporte de ângulo direito, ou seja, < -- Este é um comentário -- >. A sequência de mensagens de saídavai gradualmente na inclusão de elementos HTML individuais. Então, por exemplo, o primeiro ele acrescenta a declaração do tipo de documento.Então ele adiciia a tag de abertura HTML. Em seguida, a tag head, e depois adiciona o título deste documento.Agora, este título foi escolhido por nós como uma questão de design dependendo de como queremos o título particularpara olhar. Em seguida, a cabeça termina e o corpo começa. Percebem que o operador utilizado é + = qualsignifica que o que quer que esteja lá no lado direito é adicionado ao conteúdo anteriormente existente deesta variável. Em outras palavras, apenas string concatena. Portanto, como cada linha é executada pelo nosso sistema Java, a página HTML passa a ser montada HTML <head>, <title>...</title>,</head>, <body>...</body> e assim por diante.Em algum momento terminamos de fazer a construção da parte de cabeçalho do HTML, e claro, depois deesta nós estaremos fazendo a parte de registro. Estaremos montando a parte de registro do HTML. Por favor, note que este doRegistrationHTML produzindo parte da funcionalidade vem depois detodos os cálculos referentes ao compartilhamento justo terem sido feitos. Vamos chegar a este ponto novamente.A estrutura de produzir HTML para registro também é muito semelhante, utilizamos a variável outputMessageslocal para ir em coleta do conteúdo da seção de registro da página HTML. Então, elecomeça com um <h2> header roommate registrations. E então se o nosso programa está no modo de registroentão ele diz que o “ ele está registrando ”. Se ele não estiver no modo de registro, ele simplesmente diz que“ os colegas de quarto registrados são ” e então lista os colegas de quarto. Assim, a parte de registro da página HTMLé sensível para saber se nosso programa está executando o modo de registro ou qualquer outro modo de registro de mais de. Essa estrutura também será vista em despesas de fazer ou fazer relatórios.
Lembre-se de que nossa página web, a página HTML, sempre tem todos os 3 componentes. Deixe-nos ter uma olhada ema página web novamente. Descobrimos que a página web tem um título, a seção de registro, a seção de despesase a seção de relatórios, seguida por informações sobre o banco de dados e o banco de dados realse ele existir.
Se você olhar para o caso quando nosso programa estiver executando o modo despesas, mesmo assim todas as seções 3existem: os registros, a seção de despesas e a seção de relatórios, mas observe que por aquia seção de despesas acrescenta um explícito em informações sobre qual despesa para que evento foiadicionado. Então, o que vemos aqui é que a estrutura das funções produzindo HTML é bastante simplese direta, mas você precisa continuar fazendo isso para cada função e cada ponto parte dea página web. Por isso, produzir a página HTML é tedioso mas não difícil.